diff --git a/.gitignore b/.gitignore
index 12e1b62..7395838 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 .DS_Store
-.project
\ No newline at end of file
+.project
+*.sublime-*
\ No newline at end of file
diff --git a/Gruntfile.js b/Gruntfile.js
index f7143da..d185fd6 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -1,10 +1,12 @@
 module.exports = function(grunt) {
+    grunt.loadNpmTasks('grunt-concat-sourcemap');
     grunt.loadNpmTasks('grunt-contrib-concat');
     grunt.loadNpmTasks('grunt-contrib-jshint');
     grunt.loadNpmTasks('grunt-contrib-uglify');
     grunt.loadNpmTasks('grunt-contrib-connect');
     grunt.loadNpmTasks('grunt-contrib-qunit');
     grunt.loadNpmTasks('grunt-contrib-yuidoc');
+    grunt.loadNpmTasks('grunt-contrib-watch');
 
     var root = 'src/pixi/',
         debug = 'bin/pixi.dev.js',
@@ -31,10 +33,14 @@ module.exports = function(grunt) {
             '<%= dirs.src %>/utils/Detector.js',
             '<%= dirs.src %>/utils/Polyk.js',
             '<%= dirs.src %>/renderers/webgl/WebGLShaders.js',
+            '<%= dirs.src %>/renderers/webgl/PixiShader.js',
+            '<%= dirs.src %>/renderers/webgl/StripShader.js',
+            '<%= dirs.src %>/renderers/webgl/PrimitiveShader.js',
             '<%= dirs.src %>/renderers/webgl/WebGLGraphics.js',
             '<%= dirs.src %>/renderers/webgl/WebGLRenderer.js',
             '<%= dirs.src %>/renderers/webgl/WebGLBatch.js',
             '<%= dirs.src %>/renderers/webgl/WebGLRenderGroup.js',
+            '<%= dirs.src %>/renderers/webgl/WebGLFilterManager.js',
             '<%= dirs.src %>/renderers/canvas/CanvasRenderer.js',
             '<%= dirs.src %>/renderers/canvas/CanvasGraphics.js',
             '<%= dirs.src %>/primitives/Graphics.js',
@@ -53,6 +59,22 @@ module.exports = function(grunt) {
             '<%= dirs.src %>/loaders/ImageLoader.js',
             '<%= dirs.src %>/loaders/BitmapFontLoader.js',
             '<%= dirs.src %>/loaders/SpineLoader.js',
+            '<%= dirs.src %>/filters/AbstractFilter.js',
+            '<%= dirs.src %>/filters/ColorMatrixFilter.js',
+            '<%= dirs.src %>/filters/GrayFilter.js',
+            '<%= dirs.src %>/filters/DisplacementFilter.js',
+            '<%= dirs.src %>/filters/PixelateFilter.js',
+            '<%= dirs.src %>/filters/BlurXFilter.js',
+            '<%= dirs.src %>/filters/BlurYFilter.js',
+            '<%= dirs.src %>/filters/BlurFilter.js',
+            '<%= dirs.src %>/filters/InvertFilter.js',
+            '<%= dirs.src %>/filters/SepiaFilter.js',
+            '<%= dirs.src %>/filters/TwistFilter.js',
+            '<%= dirs.src %>/filters/ColorStepFilter.js',
+            '<%= dirs.src %>/filters/DotScreenFilter.js',
+            '<%= dirs.src %>/filters/CrossHatchFilter.js',
+            '<%= dirs.src %>/filters/RGBSplitFilter.js',
+            
             '<%= dirs.src %>/Outro.js'
         ], banner = [
             '/**',
@@ -74,7 +96,6 @@ module.exports = function(grunt) {
         dirs: {
             build: 'bin',
             docs: 'docs',
-            examples: 'examples',
             src: 'src/pixi',
             test: 'test'
         },
@@ -93,6 +114,16 @@ module.exports = function(grunt) {
                 dest: '<%= files.build %>'
             }
         },
+        concat_sourcemap: {
+            dev: {
+                files: {
+                    '<%= files.build %>': srcFiles
+                },
+                options: {
+                    sourceRoot: '../'
+                }
+            }
+        },
         jshint: {
             beforeconcat: srcFiles,
             test: ['<%= files.testBlob %>'],
@@ -110,24 +141,6 @@ module.exports = function(grunt) {
                 dest: '<%= files.buildMin %>'
             }
         },
-        distribute: {
-            examples: [
-                'examples/example 1 - Basics',
-                'examples/example 2 - SpriteSheet',
-                'examples/example 3 - MovieClip',
-                'examples/example 4 - Balls',
-                'examples/example 5 - Morph',
-                'examples/example 6 - Interactivity',
-                'examples/example 7 - Transparent Background',
-                'examples/example 8 - Dragging',
-                'examples/example 9 - Tiling Texture',
-                'examples/example 10 - Text',
-                'examples/example 11 - RenderTexture',
-                'examples/example 12 - Spine',
-                'examples/example 13 - Graphics',
-                'examples/example 14 - Masking'
-            ]
-        },
         connect: {
             qunit: {
                 options: {
@@ -162,29 +175,23 @@ module.exports = function(grunt) {
                     outdir: '<%= dirs.docs %>'
                 }
             }
+        },
+        watch: {
+            dev: {
+                files: ['Gruntfile.js', 'src/**/*.js', 'examples/**/*.html'],
+                tasks: ['build-debug'],
+                
+                // We would need to inject <script> in each HTML...
+                // options: {
+                //     livereload: true
+                // }
+            }
         }
     });
 
-    grunt.registerMultiTask(
-        'distribute',
-        'Copy built file to examples',
-        function(){
-            var pixi = grunt.file.read( debug );
-
-            var dests = this.data;
-
-            dests.forEach(function(filepath){
-
-                grunt.file.write(filepath + '/pixi.js', pixi);
-
-            });
-
-            grunt.log.writeln('Pixi copied to examples.');
-        }
-    )
-
-    grunt.registerTask('default', ['concat', 'uglify', 'distribute']);
-    grunt.registerTask('build', ['concat', 'uglify', 'distribute']);
+    grunt.registerTask('build-debug', ['concat_sourcemap', 'uglify'])
+    grunt.registerTask('default', ['concat', 'uglify']);
+    grunt.registerTask('build', ['concat', 'uglify']);
     grunt.registerTask('test', ['build', 'connect:qunit', 'qunit']);
     grunt.registerTask('docs', ['yuidoc']);
 
diff --git a/README.md b/README.md
index 1993a75..9f5601a 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,10 @@ any breakthroughs will be posted up there too!
 - [Flash vs HTML](<http://flashvhtml.com>)
 
 - [Bunny Demo](<http://www.goodboydigital.com/pixijs/bunnymark>)
+ 
+- [Storm Brewing](<http://www.goodboydigital.com/pixijs/storm/>)
+
+- [Filters Demo](<http://www.goodboydigital.com/pixijs/examples/15/indexAll.html>)
 
 - [Render Texture Demo](<http://www.goodboydigital.com/pixijs/examples/11/>)
 
@@ -53,7 +57,6 @@ last 2 examples and allowing us to share the source code :)
 ### Road Map ###
 
 * Create a Typescript definition file for Pixi.js
-* Implement Filters (currently being worked on by @GoodBoyDigital)
 * Implement Flash animation to pixi
 * Update Loader so that it support XHR2 if it is available
 * Improve the Documentation of the Project
@@ -88,16 +91,16 @@ $> grunt
 
 This will create a minified version at bin/pixi.js and a non-minified version at bin/pixi.dev.js.
 
-It also copies the non-minified version to the examples. 
+It also copies the non-minified version to the examples.
 
 ### Current features ###
 
-- WebGL renderer (with automatic smart batching allowing for REALLY fast performance) 
+- WebGL renderer (with automatic smart batching allowing for REALLY fast performance)
 - Canvas renderer (Fastest in town!)
-- Full scene graph 
-- Super easy to use API (similar to the flash display list API) 
-- Support for texture atlases 
-- Asset loader / sprite sheet loader 
+- Full scene graph
+- Super easy to use API (similar to the flash display list API)
+- Support for texture atlases
+- Asset loader / sprite sheet loader
 - Auto-detect which renderer should be used
 - Full Mouse and Multi-touch Interaction
 - Text
@@ -107,45 +110,37 @@ It also copies the non-minified version to the examples.
 - Spine support
 - Primitive Drawing
 - Masking
-
-### Coming soon ###
-
-- Filters ( wip : [storm brewing](<http://www.goodboydigital.com/pixijs/storm/>) )
-
-
-### Coming later ###
-
-- Awesome Post processing effects
+- Filters
 
 ### Usage ###
 
 ```javascript
-	
+
 	// You can use either PIXI.WebGLRenderer or PIXI.CanvasRenderer
-	var renderer = new PIXI.WebGLRenderer(800, 600); 
+	var renderer = new PIXI.WebGLRenderer(800, 600);
 
 	document.body.appendChild(renderer.view);
-	
+
 	var stage = new PIXI.Stage;
 
 	var bunnyTexture = PIXI.Texture.fromImage("bunny.png");
 	var bunny = new PIXI.Sprite(bunnyTexture);
-	
+
 	bunny.position.x = 400;
 	bunny.position.y = 300;
-	
+
 	bunny.scale.x = 2;
 	bunny.scale.y = 2;
-	
+
 	stage.addChild(bunny);
-	
+
 	requestAnimationFrame(animate);
-	
+
 	function animate() {
 		bunny.rotation += 0.01;
-		
+
 		renderer.render(stage);
-		
+
 		requestAnimationFrame(animate);
 	}
 ```
diff --git a/bin/pixi.dev.js b/bin/pixi.dev.js
index a6e7055..c003d03 100644
--- a/bin/pixi.dev.js
+++ b/bin/pixi.dev.js
@@ -1,14 +1,3 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -34,19 +23,19 @@ var PIXI = PIXI || {};
  * 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 
+ * @constructor
  * @param x {Number} position of the point
  * @param y {Number} position of the point
  */
 PIXI.Point = function(x, y)
 {
 	/**
-	 * @property x 
+	 * @property x
 	 * @type Number
 	 * @default 0
 	 */
 	this.x = x || 0;
-	
+
 	/**
 	 * @property y
 	 * @type Number
@@ -78,10 +67,10 @@ PIXI.Point.prototype.constructor = PIXI.Point;
  * 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 
+ * @constructor
  * @param x {Number} The X coord of the upper-left corner of the rectangle
  * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
+ * @param width {Number} The overall width of this rectangle
  * @param height {Number} The overall height of this rectangle
  */
 PIXI.Rectangle = function(x, y, width, height)
@@ -92,21 +81,21 @@ PIXI.Rectangle = function(x, y, width, height)
 	 * @default 0
 	 */
 	this.x = x || 0;
-	
+
 	/**
 	 * @property y
 	 * @type Number
 	 * @default 0
 	 */
 	this.y = y || 0;
-	
+
 	/**
 	 * @property width
 	 * @type Number
 	 * @default 0
 	 */
 	this.width = width || 0;
-	
+
 	/**
 	 * @property height
 	 * @type Number
@@ -140,11 +129,11 @@ PIXI.Rectangle.prototype.contains = function(x, y)
         return false;
 
 	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
+	if(x >= x1 && x <= x1 + this.width)
 	{
 		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
+
+		if(y >= y1 && y <= y1 + this.height)
 		{
 			return true;
 		}
@@ -165,7 +154,7 @@ PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
  * @class Polygon
  * @constructor
  * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
+ *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arguments passed can be
  *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
  *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
  *      Numbers.
@@ -232,9 +221,9 @@ PIXI.Polygon.prototype.contains = function(x, y)
     return inside;
 }
 
+// constructor
 PIXI.Polygon.prototype.constructor = PIXI.Polygon;
 
-
 /**
  * @author Chad Engler <chad@pantherdev.com>
  */
@@ -256,7 +245,7 @@ PIXI.Circle = function(x, y, radius)
      * @default 0
      */
     this.x = x || 0;
-    
+
     /**
      * @property y
      * @type Number
@@ -306,6 +295,7 @@ PIXI.Circle.prototype.contains = function(x, y)
     return (dx + dy <= r2);
 }
 
+// constructor
 PIXI.Circle.prototype.constructor = PIXI.Circle;
 
 
@@ -320,8 +310,8 @@ PIXI.Circle.prototype.constructor = PIXI.Circle;
  * @constructor
  * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
  * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
+ * @param width {Number} The overall width of this ellipse
+ * @param height {Number} The overall height of this ellipse
  */
 PIXI.Ellipse = function(x, y, width, height)
 {
@@ -331,21 +321,21 @@ PIXI.Ellipse = function(x, y, width, height)
      * @default 0
      */
     this.x = x || 0;
-    
+
     /**
      * @property y
      * @type Number
      * @default 0
      */
     this.y = y || 0;
-    
+
     /**
      * @property width
      * @type Number
      * @default 0
      */
     this.width = width || 0;
-    
+
     /**
      * @property height
      * @type Number
@@ -394,11 +384,11 @@ PIXI.Ellipse.getBounds = function()
     return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
 }
 
+// constructor
 PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
 
 
 
-
 /*
  * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
  * you both rock!
@@ -426,7 +416,7 @@ PIXI.mat3.create = function()
 	matrix[6] = 0;
 	matrix[7] = 0;
 	matrix[8] = 1;
-	
+
 	return matrix;
 }
 
@@ -442,7 +432,7 @@ PIXI.mat3.identity = function(matrix)
 	matrix[6] = 0;
 	matrix[7] = 0;
 	matrix[8] = 1;
-	
+
 	return matrix;
 }
 
@@ -469,35 +459,35 @@ PIXI.mat4.create = function()
 	matrix[13] = 0;
 	matrix[14] = 0;
 	matrix[15] = 1;
-	
+
 	return matrix;
 }
 
-PIXI.mat3.multiply = function (mat, mat2, dest) 
+PIXI.mat3.multiply = function (mat, mat2, dest)
 {
 	if (!dest) { dest = mat; }
-	
+
 	// Cache the matrix values (makes for huge speed increases!)
 	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
 	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
 	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
+
 	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
 	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
 	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
+
 	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
 	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
 	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
+
 	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
 	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
 	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
+
 	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
 	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
 	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
+
 	return dest;
 }
 
@@ -514,11 +504,11 @@ PIXI.mat3.clone = function(mat)
 	matrix[6] = mat[6];
 	matrix[7] = mat[7];
 	matrix[8] = mat[8];
-	
+
 	return matrix;
 }
 
-PIXI.mat3.transpose = function (mat, dest) 
+PIXI.mat3.transpose = function (mat, dest)
 {
  	// If we are transposing ourselves we can skip a few steps but have to cache some values
     if (!dest || mat === dest) {
@@ -546,30 +536,30 @@ PIXI.mat3.transpose = function (mat, dest)
     return dest;
 }
 
-PIXI.mat3.toMat4 = function (mat, dest) 
+PIXI.mat3.toMat4 = function (mat, dest)
 {
 	if (!dest) { dest = PIXI.mat4.create(); }
-	
+
 	dest[15] = 1;
 	dest[14] = 0;
 	dest[13] = 0;
 	dest[12] = 0;
-	
+
 	dest[11] = 0;
 	dest[10] = mat[8];
 	dest[9] = mat[7];
 	dest[8] = mat[6];
-	
+
 	dest[7] = 0;
 	dest[6] = mat[5];
 	dest[5] = mat[4];
 	dest[4] = mat[3];
-	
+
 	dest[3] = 0;
 	dest[2] = mat[2];
 	dest[1] = mat[1];
 	dest[0] = mat[0];
-	
+
 	return dest;
 }
 
@@ -597,19 +587,19 @@ PIXI.mat4.create = function()
 	matrix[13] = 0;
 	matrix[14] = 0;
 	matrix[15] = 1;
-	
+
 	return matrix;
 }
 
-PIXI.mat4.transpose = function (mat, dest) 
+PIXI.mat4.transpose = function (mat, dest)
 {
 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
+	if (!dest || mat === dest)
 	{
 	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
 	        a12 = mat[6], a13 = mat[7],
 	        a23 = mat[11];
-	
+
 	    mat[1] = mat[4];
 	    mat[2] = mat[8];
 	    mat[3] = mat[12];
@@ -624,7 +614,7 @@ PIXI.mat4.transpose = function (mat, dest)
 	    mat[14] = a23;
 	    return mat;
 	}
-	
+
 	dest[0] = mat[0];
 	dest[1] = mat[4];
 	dest[2] = mat[8];
@@ -644,18 +634,18 @@ PIXI.mat4.transpose = function (mat, dest)
 	return dest;
 }
 
-PIXI.mat4.multiply = function (mat, mat2, dest) 
+PIXI.mat4.multiply = function (mat, mat2, dest)
 {
 	if (!dest) { dest = mat; }
-	
+
 	// Cache the matrix values (makes for huge speed increases!)
 	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
 	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
 	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
 	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
+
 	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
+    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];
     dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
     dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
     dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
@@ -705,7 +695,6 @@ PIXI.DisplayObject = function()
 {
 	this.last = this;
 	this.first = this;
-
 	/**
 	 * The coordinate of the object relative to the local coordinates of the parent.
 	 *
@@ -779,15 +768,6 @@ PIXI.DisplayObject = function()
 	 */
 	this.renderable = false;
 
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
 	/**
 	 * [read-only] The display object container that contains this display object.
 	 *
@@ -806,15 +786,6 @@ PIXI.DisplayObject = function()
 	 */	
 	this.stage = null;
 
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
 	/**
 	 * [read-only] The multiplied alpha of the displayobject
 	 *
@@ -834,6 +805,8 @@ PIXI.DisplayObject = function()
 	 */
 	this._interactive = false;
 
+	this.defaultCursor = "pointer";
+	
 	/**
 	 * [read-only] Current transform of the object based on world (parent) factors
 	 *
@@ -876,6 +849,9 @@ PIXI.DisplayObject = function()
 	this._sr = 0;
 	this._cr = 1;
 
+
+	this.filterArea = new PIXI.Rectangle(0,0,1,1);
+	
 	/*
 	 * MOUSE Callbacks
 	 */
@@ -953,17 +929,6 @@ PIXI.DisplayObject = function()
 // constructor
 PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
 
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
 /**
  * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
  * Instead of using this function you can now simply set the interactive property to true or false
@@ -1011,16 +976,71 @@ Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
     },
     set: function(value) {
     	
-        this._mask = value;
-        
+    	
         if(value)
         {
-	        this.addFilter(value)
+        	if(this._mask)
+	    	{
+	    		value.start = this._mask.start;
+	    		value.end = this._mask.end;
+	    	}
+    		else
+    		{
+		        this.addFilter(value);
+		        value.renderable = false;
+    		}
         }
         else
         {
-        	 this.removeFilter();
+        	 this.removeFilter(this._mask);
+			 this._mask.renderable = true;
         }
+        
+        this._mask = value;
+    }
+});
+
+/**
+ * Sets the filters for the displayObject. 
+ * * IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+ * To remove filters simply set this property to 'null'
+ * @property filters
+ * @type Array An array of filters
+ */
+Object.defineProperty(PIXI.DisplayObject.prototype, 'filters', {
+    get: function() {
+        return this._filters;
+    },
+    set: function(value) {
+    	
+        if(value)
+        {
+        	if(this._filters)this.removeFilter(this._filters);
+	        this.addFilter(value);
+
+		    // now put all the passes in one place..
+	        var passes = [];
+	        for (var i = 0; i < value.length; i++) 
+	        {
+	        	var filterPasses = value[i].passes;
+	        	for (var j = 0; j < filterPasses.length; j++) 
+	        	{
+	        		passes.push(filterPasses[j]);
+	        	};
+	        };
+
+	        value.start.filterPasses = passes;
+        }
+        else
+        {
+        	if(this._filters)this.removeFilter(this._filters);
+        }
+        
+        this._filters = value;
+
+       
+
+        
     }
 });
 
@@ -1031,29 +1051,33 @@ Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
  * @param mask {Graphics} the graphics object to use as a filter
  * @private
  */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
+PIXI.DisplayObject.prototype.addFilter = function(data)
 {
-	if(this.filter)return;
-	this.filter = true;
-	
+	//if(this.filter)return;
+	//this.filter = true;
+//	data[0].target = this;
 	
+
 	// insert a filter block..
+	// TODO Onject pool thease bad boys..
 	var start = new PIXI.FilterBlock();
 	var end = new PIXI.FilterBlock();
 	
+	data.start = start;
+	data.end = end;
 	
-	start.mask = mask;
-	end.mask = mask;
+	start.data = data;
+	end.data = data;
 	
 	start.first = start.last =  this;
 	end.first = end.last = this;
 	
 	start.open = true;
 	
+	start.target = this;
+	
 	/*
-	 * 
 	 * insert start
-	 * 
 	 */
 	
 	var childFirst = start
@@ -1084,9 +1108,7 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
 	// now insert the end filter block..
 	
 	/*
-	 * 
 	 * insert end filter
-	 * 
 	 */
 	var childFirst = end
 	var childLast = end
@@ -1125,8 +1147,6 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
 		this.__renderGroup.addFilterBlocks(start, end);
 	}
 	
-	mask.renderable = false;
-	
 }
 
 /*
@@ -1135,13 +1155,14 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
  * @method removeFilter
  * @private
  */
-PIXI.DisplayObject.prototype.removeFilter = function()
+PIXI.DisplayObject.prototype.removeFilter = function(data)
 {
-	if(!this.filter)return;
-	this.filter = false;
-	
+	//if(!this.filter)return;
+	//this.filter = false;
+	// console.log("YUOIO")
 	// modify the list..
-	var startBlock = this.first;
+	var startBlock = data.start;
+	
 	
 	var nextObject = startBlock._iNext;
 	var previousObject = startBlock._iPrev;
@@ -1151,9 +1172,8 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 	
 	this.first = startBlock._iNext;
 	
-	
 	// remove the end filter
-	var lastBlock = this.last;
+	var lastBlock = data.end;
 	
 	var nextObject = lastBlock._iNext;
 	var previousObject = lastBlock._iPrev;
@@ -1162,8 +1182,6 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 	previousObject._iNext = nextObject;		
 	
 	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
 	var tempLast =  lastBlock._iPrev;	
 	// need to make sure the parents last is updated too
 	var updateLast = this;
@@ -1174,15 +1192,11 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 		if(!updateLast)break;
 	}
 	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
 	// if webGL...
 	if(this.__renderGroup)
 	{
 		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
 	}
-	//}
 }
 
 /*
@@ -1194,7 +1208,7 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 PIXI.DisplayObject.prototype.updateTransform = function()
 {
 	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
+	if(this.rotation !== this.rotationCache)
 	{
 		this.rotationCache = this.rotation;
 		this._sr =  Math.sin(this.rotation);
@@ -1236,9 +1250,12 @@ PIXI.DisplayObject.prototype.updateTransform = function()
 	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
 	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
 	this.worldAlpha = this.alpha * this.parent.worldAlpha;
+	
+	this.vcount = PIXI.visibleCount;
 
 }
 
+PIXI.visibleCount = 0;
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -1270,18 +1287,6 @@ PIXI.DisplayObjectContainer = function()
 PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
 PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
 
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
 /**
  * Adds a child to the container.
  *
@@ -1299,11 +1304,10 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	}
 
 	child.parent = this;
-	child.childIndex = this.children.length;
 	
 	this.children.push(child);	
 	
-	// updae the stage refference..
+	// update the stage refference..
 	
 	if(this.stage)
 	{
@@ -1326,7 +1330,7 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	var previousObject;
 	
 	// this could be wrong if there is a filter??
-	if(this.filter)
+	if(this._filters || this._mask)
 	{
 		previousObject =  this.last._iPrev;
 	}
@@ -1338,7 +1342,6 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	nextObject = previousObject._iNext;
 	
 	// always true in this case
-	//this.last = child.last;
 	// need to make sure the parents last is updated too
 	var updateLast = this;
 	var prevLast = previousObject;
@@ -1402,7 +1405,7 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 		}
 		
 		// modify the list..
-		var childFirst = child.first
+		var childFirst = child.first;
 		var childLast = child.last;
 		var nextObject;
 		var previousObject;
@@ -1410,7 +1413,7 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 		if(index == this.children.length)
 		{
 			previousObject =  this.last;
-			var updateLast = this;//.parent;
+			var updateLast = this;
 			var prevLast = this.last;
 			while(updateLast)
 			{
@@ -1539,7 +1542,7 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 	{
 		// unlink //
 		// modify the list..
-		var childFirst = child.first
+		var childFirst = child.first;
 		var childLast = child.last;
 		
 		var nextObject = childLast._iNext;
@@ -1550,14 +1553,17 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 		
 		if(this.last == childLast)
 		{
+
 			var tempLast =  childFirst._iPrev;	
 			// need to make sure the parents last is updated too
 			var updateLast = this;
-			while(updateLast.last == childLast.last)
+			
+			while(updateLast.last == childLast)
 			{
 				updateLast.last = tempLast;
 				updateLast = updateLast.parent;
 				if(!updateLast)break;
+				
 			}
 		}
 		
@@ -1609,7 +1615,6 @@ PIXI.DisplayObjectContainer.prototype.updateTransform = function()
 		this.children[i].updateTransform();	
 	}
 }
-
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -1739,9 +1744,18 @@ PIXI.Sprite.prototype.setTexture = function(texture)
 	if(this.texture.baseTexture != texture.baseTexture)
 	{
 		this.textureChange = true;	
+		this.texture = texture;
+		
+		if(this.__renderGroup)
+		{
+			this.__renderGroup.updateTexture(this);
+		}
+	}
+	else
+	{
+		this.texture = texture;
 	}
 	
-	this.texture = texture;
 	this.updateFrame = true;
 }
 
@@ -1798,7 +1812,6 @@ PIXI.Sprite.fromImage = function(imageId)
 	return new PIXI.Sprite(texture);
 }
 
-
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -1814,7 +1827,7 @@ PIXI.Sprite.fromImage = function(imageId)
 PIXI.MovieClip = function(textures)
 {
 	PIXI.Sprite.call(this, textures[0]);
-	
+
 	/**
 	 * The array of textures that make up the animation
 	 *
@@ -1822,7 +1835,7 @@ PIXI.MovieClip = function(textures)
 	 * @type Array
 	 */
 	this.textures = textures;
-	
+
 	/**
 	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
 	 *
@@ -1848,7 +1861,7 @@ PIXI.MovieClip = function(textures)
 	 * @type Function
 	 */
 	this.onComplete = null;
-	
+
 	/**
 	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
 	 *
@@ -1857,8 +1870,8 @@ PIXI.MovieClip = function(textures)
 	 * @default 0
 	 * @readOnly
 	 */
-	this.currentFrame = 0; 
-	
+	this.currentFrame = 0;
+
 	/**
 	 * [read-only] Indicates if the MovieClip is currently playing
 	 *
@@ -1873,6 +1886,23 @@ PIXI.MovieClip = function(textures)
 PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
 PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
 
+/**
+* [read-only] totalFrames is the total number of frames in the MovieClip. This is the same as number of textures
+* assigned to the MovieClip.
+*
+* @property totalFrames
+* @type Number
+* @default 0
+* @readOnly
+*/
+Object.defineProperty( PIXI.MovieClip.prototype, 'totalFrames', {
+	get: function() {
+
+		return this.textures.length;
+	}
+});
+
+
 /**
  * Stops the MovieClip
  *
@@ -1928,11 +1958,13 @@ PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
 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;
+
 	if(this.loop || round < this.textures.length)
 	{
 		this.setTexture(this.textures[round % this.textures.length]);
@@ -1952,14 +1984,11 @@ PIXI.MovieClip.prototype.updateTransform = function()
 
 
 
-PIXI.FilterBlock = function(mask)
+PIXI.FilterBlock = function()
 {
-	this.graphics = mask
 	this.visible = true;
 	this.renderable = true;
 }
-
-
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -1988,7 +2017,7 @@ PIXI.Text = function(text, style)
 
     this.setText(text);
     this.setStyle(style);
-    
+
     this.updateText();
     this.dirty = false;
 };
@@ -2030,7 +2059,7 @@ PIXI.Text.prototype.setStyle = function(style)
  * @methos setText
  * @param {String} text The copy that you would like the text to display
  */
-PIXI.Sprite.prototype.setText = function(text)
+PIXI.Text.prototype.setText = function(text)
 {
     this.text = text.toString() || " ";
     this.dirty = true;
@@ -2045,9 +2074,9 @@ PIXI.Sprite.prototype.setText = function(text)
 PIXI.Text.prototype.updateText = function()
 {
 	this.context.font = this.style.font;
-	
+
 	var outputText = this.text;
-	
+
 	// word wrap
 	// preserve original text
 	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
@@ -2065,7 +2094,7 @@ PIXI.Text.prototype.updateText = function()
 		maxLineWidth = Math.max(maxLineWidth, lineWidth);
 	}
 	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
+
 	//calculate text height
 	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
 	this.canvas.height = lineHeight * lines.length;
@@ -2073,7 +2102,7 @@ PIXI.Text.prototype.updateText = function()
 	//set canvas text styles
 	this.context.fillStyle = this.style.fill;
 	this.context.font = this.style.font;
-	
+
 	this.context.strokeStyle = this.style.stroke;
 	this.context.lineWidth = this.style.strokeThickness;
 
@@ -2083,7 +2112,7 @@ PIXI.Text.prototype.updateText = function()
 	for (i = 0; i < lines.length; i++)
 	{
 		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
+
 		if(this.style.align == "right")
 		{
 			linePosition.x += maxLineWidth - lineWidths[i];
@@ -2103,7 +2132,7 @@ PIXI.Text.prototype.updateText = function()
 			this.context.fillText(lines[i], linePosition.x, linePosition.y);
 		}
 	}
-	
+
     this.updateTexture();
 };
 
@@ -2119,10 +2148,10 @@ PIXI.Text.prototype.updateTexture = function()
     this.texture.baseTexture.height = this.canvas.height;
     this.texture.frame.width = this.canvas.width;
     this.texture.frame.height = this.canvas.height;
-    
+
   	this._width = this.canvas.width;
     this._height = this.canvas.height;
-	
+
     PIXI.texturesToUpdate.push(this.texture.baseTexture);
 };
 
@@ -2136,10 +2165,10 @@ PIXI.Text.prototype.updateTransform = function()
 {
 	if(this.dirty)
 	{
-		this.updateText();	
+		this.updateText();
 		this.dirty = false;
 	}
-	
+
 	PIXI.Sprite.prototype.updateTransform.call(this);
 };
 
@@ -2151,12 +2180,12 @@ PIXI.Text.prototype.updateTransform = function()
  * @param fontStyle {Object}
  * @private
  */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
+PIXI.Text.prototype.determineFontHeight = function(fontStyle)
 {
 	// build a little reference dictionary so if the font style has been used return a
 	// cached version...
 	var result = PIXI.Text.heightCache[fontStyle];
-	
+
 	if(!result)
 	{
 		var body = document.getElementsByTagName("body")[0];
@@ -2165,18 +2194,19 @@ PIXI.Text.prototype.determineFontHeight = function(fontStyle)
 		dummy.appendChild(dummyText);
 		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
 		body.appendChild(dummy);
-		
+
 		result = dummy.offsetHeight;
 		PIXI.Text.heightCache[fontStyle] = result;
-		
+
 		body.removeChild(dummy);
 	}
-	
+
 	return result;
 };
 
 /**
- * A Text Object will apply wordwrap
+ * Applies newlines to a string to have it optimally fit into the horizontal
+ * bounds set by the Text object's wordWrapWidth property.
  *
  * @method wordWrap
  * @param text {String}
@@ -2184,48 +2214,37 @@ PIXI.Text.prototype.determineFontHeight = function(fontStyle)
  */
 PIXI.Text.prototype.wordWrap = function(text)
 {
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
+	// Greedy wrapping algorithm that will wrap words as the line grows longer
+	// than its horizontal bounds.
 	var result = "";
 	var lines = text.split("\n");
 	for (var i = 0; i < lines.length; i++)
 	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
+		var spaceLeft = this.style.wordWrapWidth;
+		var words = lines[i].split(" ");
+		for (var j = 0; j < words.length; j++)
+		{
+			var wordWidth = this.context.measureText(words[j]).width;
+			var wordWidthWithSpace = wordWidth + this.context.measureText(" ").width;
+			if(wordWidthWithSpace > spaceLeft)
+			{
+				// Skip printing the newline if it's the first word of the line that is
+				// greater than the word wrap width.
+				if(j > 0)
+				{
+					result += "\n";
+				}
+				result += words[j] + " ";
+				spaceLeft = this.style.wordWrapWidth - wordWidth;
+			}
+			else
+			{
+				spaceLeft -= wordWidthWithSpace;
+				result += words[j] + " ";
+			}
+		}
+		result += "\n";
 	}
-	
 	return result;
 };
 
@@ -2241,7 +2260,7 @@ PIXI.Text.prototype.destroy = function(destroyTexture)
 	{
 		this.texture.destroy();
 	}
-		
+
 };
 
 PIXI.Text.heightCache = {};
@@ -2252,7 +2271,7 @@ PIXI.Text.heightCache = {};
 
 /**
  * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
+ * You can generate the fnt files using
  * http://www.angelcode.com/products/bmfont/ for windows or
  * http://www.bmglyph.com/ for mac.
  *
@@ -2342,7 +2361,7 @@ PIXI.BitmapText.prototype.updateText = function()
             prevCharCode = null;
             continue;
         }
-        
+
         var charData = data.chars[charCode];
         if(!charData) continue;
 
@@ -2405,7 +2424,7 @@ PIXI.BitmapText.prototype.updateTransform = function()
 
         this.dirty = false;
 	}
-	
+
 	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
 };
 
@@ -2414,10 +2433,8 @@ PIXI.BitmapText.fonts = {};
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
-
-
-
-/**
+ 
+ /**
  * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
  * This manager also supports multitouch.
  *
@@ -2451,6 +2468,8 @@ PIXI.InteractionManager = function(stage)
 	 */
 	this.touchs = {};
 
+
+	
 	// helpers
 	this.tempPoint = new PIXI.Point();
 	//this.tempMatrix =  mat3.create();
@@ -2461,7 +2480,19 @@ PIXI.InteractionManager = function(stage)
 	this.pool = [];
 
 	this.interactiveItems = [];
+	this.interactionDOMElement = null;
 
+	//this will make it so that you dont have to call bind all the time
+	this.onMouseMove = this.onMouseMove.bind( this );
+	this.onMouseDown = this.onMouseDown.bind(this);
+	this.onMouseOut = this.onMouseOut.bind(this);
+	this.onMouseUp = this.onMouseUp.bind(this);
+
+	this.onTouchStart = this.onTouchStart.bind(this);
+	this.onTouchEnd = this.onTouchEnd.bind(this);
+	this.onTouchMove = this.onTouchMove.bind(this);
+	
+	
 	this.last = 0;
 }
 
@@ -2486,7 +2517,7 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
 	{
 		var child = children[i];
 		
-		if(child.visible) {
+//		if(child.visible) {
 			// push all interactive bits
 			if(child.interactive)
 			{
@@ -2508,7 +2539,7 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
 					this.collectInteractiveSprite(child, iParent);
 				}
 			}
-		}
+//		}
 	}
 }
 
@@ -2521,27 +2552,68 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
  */
 PIXI.InteractionManager.prototype.setTarget = function(target)
 {
+	this.target = target;
+
+	//check if the dom element has been set. If it has don't do anything
+	if( this.interactionDOMElement === null ) {
+
+		this.setTargetDomElement( target.view );
+	}
+
+ 	document.body.addEventListener('mouseup',  this.onMouseUp, true);
+}
+
+
+/**
+ * Sets the dom element which will receive mouse/touch events. This is useful for when you have other DOM
+ * elements ontop of the renderers Canvas element. With this you'll be able to delegate another dom element
+ * to receive those events
+ *
+ * @method setTargetDomElement
+ * @param domElement {DOMElement} the dom element which will receive mouse and touch events
+ * @private
+ */
+PIXI.InteractionManager.prototype.setTargetDomElement = function(domElement)
+{
+	//remove previouse listeners
+	if( this.interactionDOMElement !== null ) 
+	{
+		this.interactionDOMElement.style['-ms-content-zooming'] = '';
+    	this.interactionDOMElement.style['-ms-touch-action'] = '';
+
+		this.interactionDOMElement.removeEventListener('mousemove',  this.onMouseMove, true);
+		this.interactionDOMElement.removeEventListener('mousedown',  this.onMouseDown, true);
+	 	this.interactionDOMElement.removeEventListener('mouseout',   this.onMouseOut, true);
+
+	 	// aint no multi touch just yet!
+		this.interactionDOMElement.removeEventListener('touchstart', this.onTouchStart, true);
+		this.interactionDOMElement.removeEventListener('touchend', this.onTouchEnd, true);
+		this.interactionDOMElement.removeEventListener('touchmove', this.onTouchMove, true);
+	}
+
+
 	if (window.navigator.msPointerEnabled) 
 	{
 		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
+		domElement.style['-ms-content-zooming'] = 'none';
+    	domElement.style['-ms-touch-action'] = 'none';
     
 		// DO some window specific touch!
 	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
+
+	this.interactionDOMElement = domElement;
+
+	domElement.addEventListener('mousemove',  this.onMouseMove, true);
+	domElement.addEventListener('mousedown',  this.onMouseDown, true);
+ 	domElement.addEventListener('mouseout',   this.onMouseOut, true);
+
+ 	// aint no multi touch just yet!
+	domElement.addEventListener('touchstart', this.onTouchStart, true);
+	domElement.addEventListener('touchend', this.onTouchEnd, true);
+	domElement.addEventListener('touchmove', this.onTouchMove, true);
 }
 
+
 /**
  * updates the state of interactive objects
  *
@@ -2583,12 +2655,14 @@ PIXI.InteractionManager.prototype.update = function()
 	// loop through interactive objects!
 	var length = this.interactiveItems.length;
 	
-	this.target.view.style.cursor = "default";	
+	this.interactionDOMElement.style.cursor = "default";	
 				
 	for (var i = 0; i < length; i++)
 	{
 		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
+		
+		
+		//if(!item.visible)continue;
 		
 		// OPTIMISATION - only calculate every time if the mousemove function exists..
 		// OK so.. does the object have any other interactive functions?
@@ -2604,7 +2678,7 @@ PIXI.InteractionManager.prototype.update = function()
 			// loks like there was a hit!
 			if(item.__hit)
 			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
+				if(item.buttonMode) this.interactionDOMElement.style.cursor = item.defaultCursor;	
 				
 				if(!item.__isOver)
 				{
@@ -2639,7 +2713,7 @@ PIXI.InteractionManager.prototype.onMouseMove = function(event)
 {
 	this.mouse.originalEvent = event || window.event; //IE uses window.event
 	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	
 	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
 	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
@@ -2669,7 +2743,6 @@ PIXI.InteractionManager.prototype.onMouseMove = function(event)
  */
 PIXI.InteractionManager.prototype.onMouseDown = function(event)
 {
-	event.preventDefault();
 	this.mouse.originalEvent = event || window.event; //IE uses window.event
 	
 	// loop through inteaction tree...
@@ -2706,6 +2779,26 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
 	}
 }
 
+
+PIXI.InteractionManager.prototype.onMouseOut = function(event)
+{
+	var length = this.interactiveItems.length;
+	
+	this.interactionDOMElement.style.cursor = "default";	
+				
+	for (var i = 0; i < length; i++)
+	{
+		var item = this.interactiveItems[i];
+		
+		if(item.__isOver)
+		{
+			this.mouse.target = item;
+			if(item.mouseout)item.mouseout(this.mouse);
+			item.__isOver = false;	
+		}
+	}
+}
+
 /**
  * Is called when the mouse button is released on the renderer element
  *
@@ -2770,7 +2863,7 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
 {
 	var global = interactionData.global;
 	
-	if(!item.visible)return false;
+	if(item.vcount !== PIXI.visibleCount)return false;
 
 	var isSprite = (item instanceof PIXI.Sprite),
 		worldTransform = item.worldTransform,
@@ -2840,14 +2933,14 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
  */
 PIXI.InteractionManager.prototype.onTouchMove = function(event)
 {
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	var changedTouches = event.changedTouches;
 	
 	for (var i=0; i < changedTouches.length; i++) 
 	{
 		var touchEvent = changedTouches[i];
 		var touchData = this.touchs[touchEvent.identifier];
+		touchData.originalEvent =  event || window.event;
 		
 		// update the touch position
 		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
@@ -2871,10 +2964,7 @@ PIXI.InteractionManager.prototype.onTouchMove = function(event)
  */
 PIXI.InteractionManager.prototype.onTouchStart = function(event)
 {
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	
 	var changedTouches = event.changedTouches;
 	for (var i=0; i < changedTouches.length; i++) 
@@ -2884,6 +2974,8 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
 		var touchData = this.pool.pop();
 		if(!touchData)touchData = new PIXI.InteractionData();
 		
+		touchData.originalEvent =  event || window.event;
+		
 		this.touchs[touchEvent.identifier] = touchData;
 		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
 		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
@@ -2921,8 +3013,8 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
  */
 PIXI.InteractionManager.prototype.onTouchEnd = function(event)
 {
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
+	//this.mouse.originalEvent = event || window.event; //IE uses window.event
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	var changedTouches = event.changedTouches;
 	
 	for (var i=0; i < changedTouches.length; i++) 
@@ -2943,7 +3035,7 @@ PIXI.InteractionManager.prototype.onTouchEnd = function(event)
 			if(itemTouchData == touchData)
 			{
 				// so this one WAS down...
-				
+				touchData.originalEvent =  event || window.event;
 				// hitTest??
 				
 				if(item.touchend || item.tap)
@@ -3055,9 +3147,8 @@ PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
  * @constructor
  * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
  *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
  */
-PIXI.Stage = function(backgroundColor, interactive)
+PIXI.Stage = function(backgroundColor)
 {
 	PIXI.DisplayObjectContainer.call( this );
 
@@ -3077,7 +3168,7 @@ PIXI.Stage = function(backgroundColor, interactive)
 	 * @property interactive
 	 * @type Boolean
 	 */
-	this.interactive = interactive;
+	this.interactive = true;
 
 	/**
 	 * The interaction manage for this stage, manages all interactive activity on the stage
@@ -3113,6 +3204,18 @@ PIXI.Stage = function(backgroundColor, interactive)
 PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
 PIXI.Stage.prototype.constructor = PIXI.Stage;
 
+/**
+ * Sets another DOM element which can receive mouse/touch interactions instead of the default Canvas element.
+ * This is useful for when you have other DOM elements ontop of the Canvas element.
+ *
+ * @method setInteractionDelegate
+ * @param domElement {DOMElement} This new domElement which will receive mouse/touch events
+ */
+PIXI.Stage.prototype.setInteractionDelegate = function(domElement)
+{
+	this.interactionManager.setTargetDomElement( domElement );
+}
+
 /*
  * Updates the object transform for rendering
  *
@@ -3122,6 +3225,7 @@ PIXI.Stage.prototype.constructor = PIXI.Stage;
 PIXI.Stage.prototype.updateTransform = function()
 {
 	this.worldAlpha = 1;		
+	this.vcount = PIXI.visibleCount;
 	
 	for(var i=0,j=this.children.length; i<j; i++)
 	{
@@ -3134,7 +3238,8 @@ PIXI.Stage.prototype.updateTransform = function()
 		// update interactive!
 		this.interactionManager.dirty = true;
 	}
-
+	
+	
 	if(this.interactive)this.interactionManager.update();
 }
 
@@ -3164,38 +3269,6 @@ PIXI.Stage.prototype.getMousePosition = function()
 {
 	return this.interactionManager.mouse.global;
 }
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
 
 // http://paulirish.com/2011/requestanimationframe-for-smart-animating/
 // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
@@ -3218,7 +3291,7 @@ var lastTime = 0;
 var vendors = ['ms', 'moz', 'webkit', 'o'];
 for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
     window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
+    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
                                || window[vendors[x]+'CancelRequestAnimationFrame'];
 }
 
@@ -3226,7 +3299,7 @@ if (!window.requestAnimationFrame)
     window.requestAnimationFrame = function(callback, element) {
         var currTime = new Date().getTime();
         var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
+        var id = window.setTimeout(function() { callback(currTime + timeToCall); },
           timeToCall);
         lastTime = currTime + timeToCall;
         return id;
@@ -3259,19 +3332,19 @@ if (typeof Function.prototype.bind != 'function') {
     var slice = Array.prototype.slice;
     return function (thisArg) {
       var target = this, boundArgs = slice.call(arguments, 1);
- 
+
       if (typeof target != 'function') throw new TypeError();
- 
+
       function bound() {
 	var args = boundArgs.concat(slice.call(arguments));
 	target.apply(this instanceof bound ? this : thisArg, args);
       }
- 
+
       bound.prototype = (function F(proto) {
           proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
+          if (!(this instanceof F)) return new F;
 	})(target.prototype);
- 
+
       return bound;
     };
   })();
@@ -3285,8 +3358,8 @@ if (typeof Function.prototype.bind != 'function') {
  */
 var AjaxRequest = PIXI.AjaxRequest = function()
 {
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
+	var activexmodes = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
+
 	if (window.ActiveXObject)
 	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
 		for (var i=0; i<activexmodes.length; i++)
@@ -3319,21 +3392,20 @@ PIXI.runList = function(item)
 	var safe = 0;
 	var tmp = item.first;
 	console.log(tmp);
-	
+
 	while(tmp._iNext)
 	{
 		safe++;
-//		console.log(tmp.childIndex + tmp);
 		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
+		console.log(tmp);
 	//	console.log(tmp);
-	
+
 		if(safe > 100)
 		{
 			console.log("BREAK")
 			break
 		}
-	}	
+	}
 }
 
 
@@ -3361,14 +3433,14 @@ PIXI.runList = function(item)
 PIXI.EventTarget = function () {
 
 	var listeners = {};
-	
+
 	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
+
+
 		if ( listeners[ type ] === undefined ) {
 
 			listeners[ type ] = [];
-			
+
 		}
 
 		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
@@ -3379,11 +3451,17 @@ PIXI.EventTarget = function () {
 	};
 
 	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
 
-			listeners[ event.type ][ listener ]( event );
-			
+		if ( !listeners[ event.type ] || !listeners[ event.type ].length ) {
+
+			return;
+
+		}
+
+		for(var i = 0, l = listeners[ event.type ].length; i < l; i++) {
+
+			listeners[ event.type ][ i ]( event );
+
 		}
 
 	};
@@ -3417,19 +3495,28 @@ PIXI.EventTarget = function () {
  * @param height {Number} the height of the renderers view
  * @param view {Canvas} the canvas to use as a view, optional
  * @param transparent=false {Boolean} the transparency of the render view, default false
+ * @param antialias=false {Boolean} sets antialias (only applicable in webGL chrome at the moment)
+ *
+ * antialias
  */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
+PIXI.autoDetectRenderer = function(width, height, view, transparent, antialias)
 {
 	if(!width)width = 800;
 	if(!height)height = 600;
 
 	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
+	var webgl = ( function () { try { var canvas = document.createElement( 'canvas' ); return !! window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ); } catch( e ) { return false; } } )();
 
+	if(webgl)
+	{
+		var ie =  (navigator.userAgent.toLowerCase().indexOf('msie') != -1);
+		 webgl = !ie;
+	}
+	
 	//console.log(webgl);
 	if( webgl )
 	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
+		return new PIXI.WebGLRenderer(width, height, view, transparent, antialias);
 	}
 
 	return	new PIXI.CanvasRenderer(width, height, view, transparent);
@@ -3441,7 +3528,7 @@ PIXI.autoDetectRenderer = function(width, height, view, transparent)
 	PolyK library
 	url: http://polyk.ivank.net
 	Released under MIT licence.
-	
+
 	Copyright (c) 2012 Ivan Kuckir
 
 	Permission is hereby granted, free of charge, to any person
@@ -3465,8 +3552,8 @@ PIXI.autoDetectRenderer = function(width, height, view, transparent)
 	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 	OTHER DEALINGS IN THE SOFTWARE.
 
-	This is an amazing lib! 
-	
+	This is an amazing lib!
+
 	slightly modified by mat groves (matgroves.com);
 */
 
@@ -3482,13 +3569,13 @@ PIXI.PolyK = {};
 PIXI.PolyK.Triangulate = function(p)
 {
 	var sign = true;
-	
+
 	var n = p.length>>1;
 	if(n<3) return [];
 	var tgs = [];
 	var avl = [];
 	for(var i=0; i<n; i++) avl.push(i);
-	
+
 	var i = 0;
 	var al = n;
 	while(al > 3)
@@ -3496,11 +3583,11 @@ PIXI.PolyK.Triangulate = function(p)
 		var i0 = avl[(i+0)%al];
 		var i1 = avl[(i+1)%al];
 		var i2 = avl[(i+2)%al];
-		
+
 		var ax = p[2*i0],  ay = p[2*i0+1];
 		var bx = p[2*i1],  by = p[2*i1+1];
 		var cx = p[2*i2],  cy = p[2*i2+1];
-		
+
 		var earFound = false;
 		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
 		{
@@ -3519,7 +3606,7 @@ PIXI.PolyK.Triangulate = function(p)
 			al--;
 			i = 0;
 		}
-		else if(i++ > 3*al) 
+		else if(i++ > 3*al)
 		{
 			// need to flip flip reverse it!
 			// reset!
@@ -3528,17 +3615,17 @@ PIXI.PolyK.Triangulate = function(p)
 				var tgs = [];
 				avl = [];
 				for(var i=0; i<n; i++) avl.push(i);
-				
+
 				i = 0;
 				al = n;
-				
+
 				sign = false;
 			}
 			else
 			{
 				console.log("PIXI Warning: shape too complex to fill")
 				return [];
-			}				
+			}
 		}
 	}
 	tgs.push(avl[0], avl[1], avl[2]);
@@ -3560,13 +3647,13 @@ PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
 	var v1y = by-ay;
 	var v2x = px-ax;
 	var v2y = py-ay;
-	
+
 	var dot00 = v0x*v0x+v0y*v0y;
 	var dot01 = v0x*v1x+v0y*v1y;
 	var dot02 = v0x*v2x+v0y*v2y;
 	var dot11 = v1x*v1x+v1y*v1y;
 	var dot12 = v1x*v2x+v1y*v2y;
-	
+
 	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
 	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
 	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
@@ -3587,162 +3674,82 @@ PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
 	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
 }
 
-
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
 
 
-/*
- * the default suoer fast shader!
- */
+PIXI.initDefaultShaders = function() 
+{
+	PIXI.primitiveShader = new PIXI.PrimitiveShader();
+  PIXI.primitiveShader.init();
 
-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.stripShader = new PIXI.StripShader();
+  PIXI.stripShader.init();
 
-PIXI.shaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  //"uniform mat4 uMVMatrix;",
+	PIXI.defaultShader = new PIXI.PixiShader();
+	PIXI.defaultShader.init();
+
+  var gl = PIXI.gl; 
+  var shaderProgram = PIXI.defaultShader.program;
+ 
+
+  gl.useProgram(shaderProgram);
   
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
+  gl.enableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
+  gl.enableVertexAttribArray(PIXI.defaultShader.colorAttribute);
+  gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+}
+
+PIXI.activatePrimitiveShader = function()
+{
+  var gl = PIXI.gl;
+  
+  gl.useProgram(PIXI.primitiveShader.program);
+  
+  gl.disableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
+  gl.disableVertexAttribArray(PIXI.defaultShader.colorAttribute);
+  gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+
+  gl.enableVertexAttribArray(PIXI.primitiveShader.aVertexPosition);
+  gl.enableVertexAttribArray(PIXI.primitiveShader.colorAttribute);
+} 
+
+PIXI.deactivatePrimitiveShader = function()
+{
+  var gl = PIXI.gl;
+
+  gl.useProgram(PIXI.defaultShader.program);
+  
+  gl.disableVertexAttribArray(PIXI.primitiveShader.aVertexPosition);
+  gl.disableVertexAttribArray(PIXI.primitiveShader.colorAttribute);
+
+  gl.enableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
+  gl.enableVertexAttribArray(PIXI.defaultShader.colorAttribute);
+  gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+
+}
+
+PIXI.activateStripShader = function()
+{
+  var gl = PIXI.gl;
+  
+  gl.useProgram(PIXI.stripShader.program);
+ // gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+} 
+
+PIXI.deactivateStripShader = function()
+{
+  var gl = PIXI.gl;
+
+  gl.useProgram(PIXI.defaultShader.program);
+  //gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+}
 
 /*
- * the triangle strip shader..
- */
 
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
+SHADER COMPILER HELPERS
+*/
 
 PIXI.CompileVertexShader = function(gl, shaderSrc)
 {
@@ -3762,7 +3769,7 @@ PIXI._CompileShader = function(gl, shaderSrc, shaderType)
   gl.compileShader(shader);
 
   if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
+    console.log(gl.getShaderInfoLog(shader));
     return null;
   }
 
@@ -3783,41 +3790,428 @@ PIXI.compileProgram = function(vertexSrc, fragmentSrc)
     gl.linkProgram(shaderProgram);
 
     if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
+        console.log("Could not initialise shaders");
     }
 
 	return shaderProgram;
 } 
 
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ * @author Richard Davey http://www.photonstorm.com @photonstorm
+ */
 
-PIXI.activateDefaultShader = function()
+/**
+* @class PIXI.PixiShader
+* @constructor
+*/
+PIXI.PixiShader = function()
 {
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
+    /**
+    * @property {any} program - The WebGL program.
+    */
+    this.program;
+    
+    /**
+    * @property {array} fragmentSrc - The fragment shader.
+    */
+    this.fragmentSrc = [
+        "precision lowp float;",
+        "varying vec2 vTextureCoord;",
+        "varying float vColor;",
+        "uniform sampler2D uSampler;",
+        "void main(void) {",
+            "gl_FragColor = texture2D(uSampler, vTextureCoord) * vColor;",
+        "}"
+    ];
+
+    /**
+    * @property {number} textureCount - A local texture counter for multi-texture shaders.
+    */
+    this.textureCount = 0;
+    
+};
+
+/**
+* @method PIXI.PixiShader#init
+*/
+PIXI.PixiShader.prototype.init = function()
+{
+    var program = PIXI.compileProgram(this.vertexSrc || PIXI.PixiShader.defaultVertexSrc, this.fragmentSrc)
+    
+    var gl = PIXI.gl;
+
+    gl.useProgram(program);
+    
+    // get and store the uniforms for the shader
+    this.uSampler = gl.getUniformLocation(program, "uSampler");
+    this.projectionVector = gl.getUniformLocation(program, "projectionVector");
+    this.offsetVector = gl.getUniformLocation(program, "offsetVector");
+    this.dimensions = gl.getUniformLocation(program, "dimensions");
+    
+    // get and store the attributes
+    this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
+    this.colorAttribute = gl.getAttribLocation(program, "aColor");
+    this.aTextureCoord = gl.getAttribLocation(program, "aTextureCoord");
+      
+    // add those custom shaders!
+    for (var key in this.uniforms)
+    {
+        // get the uniform locations..
+        this.uniforms[key].uniformLocation = gl.getUniformLocation(program, key);
+    }
+
+    this.initUniforms();
+  
+    this.program = program;
+};
+
+/**
+* Initialises the shader uniform values.
+* Uniforms are specified in the GLSL_ES Specification: http://www.khronos.org/registry/webgl/specs/latest/1.0/
+* http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf
+*
+* @method PIXI.PixiShader#initUniforms
+*/
+PIXI.PixiShader.prototype.initUniforms = function()
+{
+    this.textureCount = 1;
+
+    var uniform;
+    
+    for (var key in this.uniforms) 
+    {
+        var uniform = this.uniforms[key];
+        var type = uniform.type;
+
+        if (type == 'sampler2D')
+        {
+            uniform._init = false;
+
+            if (uniform.value !== null)
+            {
+                this.initSampler2D(uniform);
+            }
+        }
+        else if (type == 'mat2' || type == 'mat3' || type == 'mat4')
+        {
+            //  These require special handling
+            uniform.glMatrix = true;
+            uniform.glValueLength = 1;
+
+            if (type == 'mat2')
+            {
+                uniform.glFunc = PIXI.gl.uniformMatrix2fv;
+            }
+            else if (type == 'mat3')
+            {
+                uniform.glFunc = PIXI.gl.uniformMatrix3fv;
+            }
+            else if (type == 'mat4')
+            {
+                uniform.glFunc = PIXI.gl.uniformMatrix4fv;
+            }
+        }
+        else
+        {
+            //  GL function reference
+            uniform.glFunc = PIXI.gl['uniform' + type];
+
+            if (type == '2f' || type == '2i')
+            {
+                uniform.glValueLength = 2;
+            }
+            else if (type == '3f' || type == '3i')
+            {
+                uniform.glValueLength = 3;
+            }
+            else if (type == '4f' || type == '4i')
+            {
+                uniform.glValueLength = 4;
+            }
+            else
+            {
+                uniform.glValueLength = 1;
+            }
+        }
+    }
+    
+};
+
+/**
+* Initialises a Sampler2D uniform (which may only be available later on after initUniforms once the texture is has loaded)
+*
+* @method PIXI.PixiShader#initSampler2D
+*/
+PIXI.PixiShader.prototype.initSampler2D = function(uniform)
+{
+    if (!uniform.value || !uniform.value.baseTexture || !uniform.value.baseTexture.hasLoaded)
+    {
+        return;
+    }
+
+    PIXI.gl.activeTexture(PIXI.gl['TEXTURE' + this.textureCount]);
+    PIXI.gl.bindTexture(PIXI.gl.TEXTURE_2D, uniform.value.baseTexture._glTexture);
+
+    //  Extended texture data
+    if (uniform.textureData)
+    {
+        var data = uniform.textureData;
+
+        // GLTexture = mag linear, min linear_mipmap_linear, wrap repeat + gl.generateMipmap(gl.TEXTURE_2D);
+        // GLTextureLinear = mag/min linear, wrap clamp
+        // GLTextureNearestRepeat = mag/min NEAREST, wrap repeat
+        // GLTextureNearest = mag/min nearest, wrap clamp
+        // AudioTexture = whatever + luminance + width 512, height 2, border 0
+        // KeyTexture = whatever + luminance + width 256, height 2, border 0
+
+        //  magFilter can be: gl.LINEAR, gl.LINEAR_MIPMAP_LINEAR or gl.NEAREST
+        //  wrapS/T can be: gl.CLAMP_TO_EDGE or gl.REPEAT
+
+        var magFilter = (data.magFilter) ? data.magFilter : PIXI.gl.LINEAR;
+        var minFilter = (data.minFilter) ? data.minFilter : PIXI.gl.LINEAR;
+        var wrapS = (data.wrapS) ? data.wrapS : PIXI.gl.CLAMP_TO_EDGE;
+        var wrapT = (data.wrapT) ? data.wrapT : PIXI.gl.CLAMP_TO_EDGE;
+        var format = (data.luminance) ? PIXI.gl.LUMINANCE : PIXI.gl.RGBA;
+
+        if (data.repeat)
+        {
+            wrapS = PIXI.gl.REPEAT;
+            wrapT = PIXI.gl.REPEAT;
+        }
+
+        PIXI.gl.pixelStorei(PIXI.gl.UNPACK_FLIP_Y_WEBGL, false);
+
+        if (data.width)
+        {
+            var width = (data.width) ? data.width : 512;
+            var height = (data.height) ? data.height : 2;
+            var border = (data.border) ? data.border : 0;
+
+            // void texImage2D(GLenum target, GLint level, GLenum internalformat, GLsizei width, GLsizei height, GLint border, GLenum format, GLenum type, ArrayBufferView? pixels);
+            PIXI.gl.texImage2D(PIXI.gl.TEXTURE_2D, 0, format, width, height, border, format, PIXI.gl.UNSIGNED_BYTE, null);
+        }
+        else
+        {
+            //  void texImage2D(GLenum target, GLint level, GLenum internalformat, GLenum format, GLenum type, ImageData? pixels);
+            PIXI.gl.texImage2D(PIXI.gl.TEXTURE_2D, 0, format, PIXI.gl.RGBA, PIXI.gl.UNSIGNED_BYTE, uniform.value.baseTexture.source);
+        }
+
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_MAG_FILTER, magFilter);
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_MIN_FILTER, minFilter);
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_WRAP_S, wrapS);
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_WRAP_T, wrapT);
+    }
+
+    PIXI.gl.uniform1i(uniform.uniformLocation, this.textureCount);
+
+    uniform._init = true;
+
+    this.textureCount++;
+
+};
+
+/**
+* Updates the shader uniform values.
+*
+* @method PIXI.PixiShader#syncUniforms
+*/
+PIXI.PixiShader.prototype.syncUniforms = function()
+{
+    this.textureCount = 1;
+    var uniform;
+
+    //  This would probably be faster in an array and it would guarantee key order
+    for (var key in this.uniforms) 
+    {
+
+        uniform = this.uniforms[key];
+
+        if (uniform.glValueLength == 1)
+        {
+            if (uniform.glMatrix === true)
+            {
+                uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.transpose, uniform.value);
+            }
+            else
+            {
+                uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value);
+            }
+        }
+        else if (uniform.glValueLength == 2)
+        {
+            uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value.x, uniform.value.y);
+        }
+        else if (uniform.glValueLength == 3)
+        {
+            uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z);
+        }
+        else if (uniform.glValueLength == 4)
+        {
+            uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z, uniform.value.w);
+        }
+        else if (uniform.type == 'sampler2D')
+        {
+            if (uniform._init)
+            {
+                PIXI.gl.activeTexture(PIXI.gl['TEXTURE' + this.textureCount]);
+                PIXI.gl.bindTexture(PIXI.gl.TEXTURE_2D, uniform.value.baseTexture._glTexture);
+                PIXI.gl.uniform1i(uniform.uniformLocation, this.textureCount);
+                this.textureCount++;
+            }
+            else
+            {
+                this.initSampler2D(uniform);
+            }
+        }
+    }
+    
+};
+
+PIXI.PixiShader.defaultVertexSrc = [
+    
+    "attribute vec2 aVertexPosition;",
+    "attribute vec2 aTextureCoord;",
+    "attribute float aColor;",
+
+    "uniform vec2 projectionVector;",
+    "uniform vec2 offsetVector;",
+    "varying vec2 vTextureCoord;",
+
+    "varying float vColor;",
+
+    "const vec2 center = vec2(-1.0, 1.0);",
+    
+    "void main(void) {",
+        "gl_Position = vec4( ((aVertexPosition + offsetVector) / projectionVector) + center , 0.0, 1.0);",
+        "vTextureCoord = aTextureCoord;",
+        "vColor = aColor;",
+    "}"
+];
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.StripShader = function()
+{
+	// the webGL program..
+	this.program;
 	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
+    this.fragmentSrc = [
+      "precision mediump float;",
+      "varying vec2 vTextureCoord;",
+      "varying float vColor;",
+      "uniform float alpha;",
+      "uniform sampler2D uSampler;",
+      "void main(void) {",
+        "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
+        "gl_FragColor = gl_FragColor * alpha;",
+      "}"
+    ];
+
+    this.vertexSrc = [
+      "attribute vec2 aVertexPosition;",
+      "attribute vec2 aTextureCoord;",
+      "attribute float aColor;",
+      "uniform mat3 translationMatrix;",
+      "uniform vec2 projectionVector;",
+      "varying vec2 vTextureCoord;",
+      "varying vec2 offsetVector;",
+      "varying float vColor;",
+      "void main(void) {",
+        "vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
+        "v -= offsetVector.xyx;",
+        "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / projectionVector.y + 1.0 , 0.0, 1.0);",
+        "vTextureCoord = aTextureCoord;",
+        "vColor = aColor;",
+      "}"
+    ];
 }
 
-	
-
-PIXI.activatePrimitiveShader = function()
+PIXI.StripShader.prototype.init = function()
 {
+	var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc)
+	
 	var gl = PIXI.gl;
 	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
+    gl.useProgram(program);
 
+	// get and store the uniforms for the shader
+	this.uSampler = gl.getUniformLocation(program, "uSampler");
+	this.projectionVector = gl.getUniformLocation(program, "projectionVector");
+	this.offsetVector = gl.getUniformLocation(program, "offsetVector");
+	this.colorAttribute = gl.getAttribLocation(program, "aColor");
+	//this.dimensions = gl.getUniformLocation(this.program, "dimensions");
+	
+	// get and store the attributes
+	this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
+	this.aTextureCoord = gl.getAttribLocation(program, "aTextureCoord");
+	  
+    this.translationMatrix = gl.getUniformLocation(program, "translationMatrix");
+    this.alpha = gl.getUniformLocation(program, "alpha");
+  
+	this.program = program;
+}
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.PrimitiveShader = function()
+{
+	// the webGL program..
+	this.program;
+    	
+    this.fragmentSrc = [
+      "precision mediump float;",
+      "varying vec4 vColor;",
+      "void main(void) {",
+        "gl_FragColor = vColor;",
+      "}"
+    ];
+
+    this.vertexSrc  = [
+      "attribute vec2 aVertexPosition;",
+      "attribute vec4 aColor;",
+      "uniform mat3 translationMatrix;",
+      "uniform vec2 projectionVector;",
+      "uniform vec2 offsetVector;",
+      "uniform float alpha;",
+      "varying vec4 vColor;",
+      "void main(void) {",
+        "vec3 v = translationMatrix * vec3(aVertexPosition , 1.0);",
+        "v -= offsetVector.xyx;",
+        "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
+        "vColor = aColor  * alpha;",
+      "}"
+    ];
+	
+}
+
+PIXI.PrimitiveShader.prototype.init = function()
+{
+	var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc);
+	
+	var gl = PIXI.gl;
+	
+  gl.useProgram(program);
+	
+	// get and store the uniforms for the shader
+	this.projectionVector = gl.getUniformLocation(program, "projectionVector");
+	this.offsetVector = gl.getUniformLocation(program, "offsetVector");
+  
+  // get and store the attributes
+  this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
+	this.colorAttribute = gl.getAttribLocation(program, "aColor");
+	
+  this.translationMatrix = gl.getUniformLocation(program, "translationMatrix");
+  this.alpha = gl.getUniformLocation(program, "alpha");
+
+	this.program = program;
+}
 
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
@@ -3867,7 +4261,6 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 		PIXI.WebGLGraphics.updateGraphics(graphics);
 	}
 	
-	
 	PIXI.activatePrimitiveShader();
 	
 	// This  could be speeded up fo sure!
@@ -3877,30 +4270,29 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 	
 	// set the matrix transform for the 
  	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
 
+ 	gl.uniformMatrix3fv(PIXI.primitiveShader.translationMatrix, false, m);
+ 	
+	gl.uniform2f(PIXI.primitiveShader.projectionVector, projection.x, -projection.y);
+	gl.uniform2f(PIXI.primitiveShader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
+	
+	gl.uniform1f(PIXI.primitiveShader.alpha, graphics.worldAlpha);
 	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
 	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
+	gl.vertexAttribPointer(PIXI.primitiveShader.aVertexPosition, 2, gl.FLOAT, false, 4 * 6, 0);
+	gl.vertexAttribPointer(PIXI.primitiveShader.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
 	
 	// set the index buffer!
 	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
 	
+
 	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
 	
+	PIXI.deactivatePrimitiveShader();
+	
+	
 	// return to default shader...
-	PIXI.activateDefaultShader();
+//	PIXI.activateShader(PIXI.defaultShader);
 }
 
 /**
@@ -4105,6 +4497,14 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	var points = graphicsData.points;
 	if(points.length == 0)return;
 	
+	// if the line width is an odd number add 0.5 to align to a whole pixel
+	if(graphicsData.lineWidth%2)
+	{
+		for (var i = 0; i < points.length; i++) {
+			points[i] += 0.5;
+		};
+	}
+
 	// get first and last point.. figure out the middle!
 	var firstPoint = new PIXI.Point( points[0], points[1] );
 	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
@@ -4206,16 +4606,27 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
 	 
 	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
+
+	   if(Math.abs(denom) < 0.1 )
+		{
+		
+			denom+=10.1;
+			verts.push(p2x - perpx , p2y - perpy,
+				r, g, b, alpha);
+	
+			verts.push(p2x + perpx , p2y + perpy,
+				r, g, b, alpha);
+			
+			continue;
+		}
 	    
 	    px = (b1*c2 - b2*c1)/denom;
 	    py = (a2*c1 - a1*c2)/denom;
 		
+			
 		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
 		
+
 		if(pdist > 140 * 140)
 		{
 			perp3x = perpx - perp2x;
@@ -4240,10 +4651,11 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 		}
 		else
 		{
+
 			verts.push(px , py);
 			verts.push(r, g, b, alpha);
 			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
+			verts.push(p2x - (px-p2x), p2y - (py - p2y));
 			verts.push(r, g, b, alpha);
 		}
 	}
@@ -4356,9 +4768,10 @@ PIXI.gl;
  * @param height=0 {Number} the height of the canvas view
  * @param view {Canvas} the canvas to use as a view, optional
  * @param transparent=false {Boolean} the transparency of the render view, default false
+ * @param antialias=false {Boolean} sets antialias (only applicable in chrome at the moment)
  * 
  */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
+PIXI.WebGLRenderer = function(width, height, view, transparent, antialias)
 {
 	// do a catch.. only 1 webGL renderer..
 
@@ -4378,27 +4791,38 @@ PIXI.WebGLRenderer = function(width, height, view, transparent)
 
 	this.batchs = [];
 
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
+	var options = {
+		alpha: this.transparent,
+		antialias:!!antialias, // SPEED UP??
+		premultipliedAlpha:false,
+		stencil:true
+	}
 
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
+	//try 'experimental-webgl'
+	try {
+		PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  options);
+	} catch (e) {
+		//try 'webgl'
+		try {
+			PIXI.gl = this.gl = this.view.getContext("webgl",  options);
+		} catch (e) {
+			// fail, not able to get a context
+			throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
+		}
+	}
 
-    PIXI.activateDefaultShader();
+    PIXI.initDefaultShaders();
+ 
+
+	
+
+   // PIXI.activateDefaultShader();
 
     var gl = this.gl;
+    
+    gl.useProgram(PIXI.defaultShader.program);
+
+
     PIXI.WebGLRenderer.gl = gl;
 
     this.batch = new PIXI.WebGLBatch(gl);
@@ -4409,11 +4833,17 @@ PIXI.WebGLRenderer = function(width, height, view, transparent)
     gl.colorMask(true, true, true, this.transparent); 
 
     PIXI.projection = new PIXI.Point(400, 300);
+    PIXI.offset = new PIXI.Point(0, 0);
+
+    // TODO remove thease globals..
 
     this.resize(this.width, this.height);
     this.contextLost = false;
 
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
+	//PIXI.pushShader(PIXI.defaultShader);
+
+    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl, this.transparent);
+  //  this.stageRenderGroup. = this.transparent
 }
 
 // constructor
@@ -4469,28 +4899,15 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	{
 		// TODO make this work
 		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
 		this.__stage = stage;
 		this.stageRenderGroup.setRenderable(stage);
 	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
 
 	// update any textures	
 	PIXI.WebGLRenderer.updateTextures();
 		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
 	// update the scene graph	
+	PIXI.visibleCount++;
 	stage.updateTransform();
 	
 	var gl = this.gl;
@@ -4499,18 +4916,18 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	gl.colorMask(true, true, true, this.transparent); 
 	gl.viewport(0, 0, this.width, this.height);	
 	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
    	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
 		
 	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
 	gl.clear(gl.COLOR_BUFFER_BIT);
 
 	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
 	
 	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
+	
+	PIXI.projection.x =  this.width/2;
+	PIXI.projection.y =  -this.height/2;
+	
 	this.stageRenderGroup.render(PIXI.projection);
 	
 	// interaction
@@ -4546,8 +4963,9 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
  */
 PIXI.WebGLRenderer.updateTextures = function()
 {
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
+	//TODO break this out into a texture manager...
+	for (var i=0; i < PIXI.texturesToUpdate.length; i++) PIXI.WebGLRenderer.updateTexture(PIXI.texturesToUpdate[i]);
+	for (var i=0; i < PIXI.texturesToDestroy.length; i++) PIXI.WebGLRenderer.destroyTexture(PIXI.texturesToDestroy[i]);
 	PIXI.texturesToUpdate = [];
 	PIXI.texturesToDestroy = [];
 }
@@ -4562,6 +4980,7 @@ PIXI.WebGLRenderer.updateTextures = function()
  */
 PIXI.WebGLRenderer.updateTexture = function(texture)
 {
+	//TODO break this out into a texture manager...
 	var gl = PIXI.gl;
 	
 	if(!texture._glTexture)
@@ -4602,9 +5021,10 @@ PIXI.WebGLRenderer.updateTexture = function(texture)
  * @param texture {Texture} The texture to update
  * @private
  */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
+PIXI.WebGLRenderer.destroyTexture = function(texture)
 {
-	var gl = this.gl;
+	//TODO break this out into a texture manager...
+	var gl = PIXI.gl;
 
 	if(texture._glTexture)
 	{
@@ -4633,7 +5053,10 @@ PIXI.WebGLRenderer.prototype.resize = function(width, height)
 	//var projectionMatrix = this.projectionMatrix;
 
 	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
+	PIXI.projection.y =  -this.height/2;
+	
+	//PIXI.size.x =  this.width/2;
+	//PIXI.size.y =  -this.height/2;
 
 //	projectionMatrix[0] = 2/this.width;
 //	projectionMatrix[5] = -2/this.height;
@@ -4768,7 +5191,6 @@ PIXI.WebGLBatch.prototype.clean = function()
 	this.uvs = [];
 	this.indices = [];
 	this.colors = [];
-	//this.sprites = [];
 	this.dynamicSize = 1;
 	this.texture = null;
 	this.last = null;
@@ -4805,7 +5227,6 @@ PIXI.WebGLBatch.prototype.init = function(sprite)
 	this.dirty = true;
 	this.blendMode = sprite.blendMode;
 	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
 	this.head = sprite;
 	this.tail = sprite;
 	this.size = 1;
@@ -4838,7 +5259,6 @@ PIXI.WebGLBatch.prototype.insertBefore = function(sprite, nextSprite)
 	else
 	{
 		this.head = sprite;
-		//this.head.__prev = null
 	}
 }
 
@@ -4926,7 +5346,7 @@ PIXI.WebGLBatch.prototype.split = function(sprite)
 {
 	this.dirty = true;
 
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
+	var batch = new PIXI.WebGLBatch(this.gl);
 	batch.init(sprite);
 	batch.texture = this.texture;
 	batch.tail = this.tail;
@@ -4936,8 +5356,6 @@ PIXI.WebGLBatch.prototype.split = function(sprite)
 
 	sprite.__prev = null;
 	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
 
 	// TODO this size is wrong!
 	// need to recalculate :/ problem with a linked list!
@@ -5007,13 +5425,13 @@ PIXI.WebGLBatch.prototype.growBatch = function()
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
 	gl.bufferData(gl.ARRAY_BUFFER,this.verticies , gl.DYNAMIC_DRAW);
 
-	this.uvs  = new Float32Array( this.dynamicSize * 8 )  
+	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 )  
+	this.colors  = new Float32Array( this.dynamicSize * 4 );
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer);
 	gl.bufferData(gl.ARRAY_BUFFER, this.colors , gl.DYNAMIC_DRAW);
 
@@ -5109,10 +5527,13 @@ PIXI.WebGLBatch.prototype.update = function()
 	var indexRun = 0;
 
 	var displayObject = this.head;
-
+	var verticies = this.verticies;
+	var uvs = this.uvs;
+	var colors = this.colors;
+	
 	while(displayObject)
 	{
-		if(displayObject.worldVisible)
+		if(displayObject.vcount === PIXI.visibleCount)
 		{
 			width = displayObject.texture.frame.width;
 			height = displayObject.texture.frame.height;
@@ -5137,17 +5558,17 @@ PIXI.WebGLBatch.prototype.update = function()
 			tx = worldTransform[2];
 			ty = worldTransform[5];
 
-			this.verticies[index + 0 ] = a * w1 + c * h1 + tx; 
-			this.verticies[index + 1 ] = d * h1 + b * w1 + ty;
+			verticies[index + 0 ] = a * w1 + c * h1 + tx; 
+			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; 
+			verticies[index + 2 ] = a * w0 + c * h1 + tx; 
+			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; 
+			verticies[index + 4 ] = a * w0 + c * h0 + tx; 
+			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; 
+			verticies[index + 6] =  a * w1 + c * h0 + tx; 
+			verticies[index + 7] =  d * h0 + b * w1 + ty; 
 
 			if(displayObject.updateFrame || displayObject.texture.updateFrame)
 			{
@@ -5159,17 +5580,17 @@ PIXI.WebGLBatch.prototype.update = function()
 				var tw = texture.baseTexture.width;
 				var th = texture.baseTexture.height;
 
-				this.uvs[index + 0] = frame.x / tw;
-				this.uvs[index +1] = frame.y / th;
+				uvs[index + 0] = frame.x / tw;
+				uvs[index +1] = frame.y / th;
 
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
+				uvs[index +2] = (frame.x + frame.width) / tw;
+				uvs[index +3] = frame.y / th;
 
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
+				uvs[index +4] = (frame.x + frame.width) / tw;
+				uvs[index +5] = (frame.y + frame.height) / th; 
 
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
+				uvs[index +6] = frame.x / tw;
+				uvs[index +7] = (frame.y + frame.height) / th;
 
 				displayObject.updateFrame = false;
 			}
@@ -5180,7 +5601,7 @@ PIXI.WebGLBatch.prototype.update = function()
 				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;
+				colors[colorIndex] = colors[colorIndex + 1] = colors[colorIndex + 2] = colors[colorIndex + 3] = displayObject.worldAlpha;
 				this.dirtyColors = true;
 			}
 		}
@@ -5188,17 +5609,7 @@ PIXI.WebGLBatch.prototype.update = function()
 		{
 			index = indexRun * 8;
 
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
+			verticies[index + 0 ] = verticies[index + 1 ] = verticies[index + 2 ] = verticies[index + 3 ] = verticies[index + 4 ] = verticies[index + 5 ] = verticies[index + 6] = 	verticies[index + 7] = 0;
 		}
 
 		indexRun++;
@@ -5214,7 +5625,7 @@ PIXI.WebGLBatch.prototype.update = function()
 PIXI.WebGLBatch.prototype.render = function(start, end)
 {
 	start = start || 0;
-	//end = end || this.size;
+
 	if(end == undefined)end = this.size;
 	
 	if(this.dirty)
@@ -5230,15 +5641,18 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
 
 	//TODO optimize this!
 
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
+	var shaderProgram = PIXI.defaultShader;
+	
+	//gl.useProgram(shaderProgram);
 
 	// update the verts..
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
 	// ok..
 	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
+    gl.vertexAttribPointer(shaderProgram.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 	// update the uvs
+	//var isDefault = (shaderProgram == PIXI.shaderProgram)
+
    	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
 
     if(this.dirtyUVS)
@@ -5247,7 +5661,7 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
     	gl.bufferSubData(gl.ARRAY_BUFFER,  0, this.uvs);
     }
 
-    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+    gl.vertexAttribPointer(shaderProgram.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
 
     gl.activeTexture(gl.TEXTURE0);
     gl.bindTexture(gl.TEXTURE_2D, this.texture._glTexture);
@@ -5262,13 +5676,11 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
 	}
 
     gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
-
 	// dont need to upload!
     gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
 
-	//var startIndex = 0//1;
 	var len = end - start;
-	// console.log(this.size)
+
     // DRAW THAT this!
     gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
 }
@@ -5290,14 +5702,18 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
  * @contructor
  * @param gl {WebGLContext} An instance of the webGL context
  */
-PIXI.WebGLRenderGroup = function(gl)
+PIXI.WebGLRenderGroup = function(gl, transparent)
 {
 	this.gl = gl;
 	this.root;
 	
 	this.backgroundColor;
+	this.transparent = transparent == undefined ? true : transparent;
+	
 	this.batchs = [];
 	this.toRemove = [];
+	console.log(this.transparent)
+	this.filterManager = new PIXI.WebGLFilterManager(this.transparent);
 }
 
 // constructor
@@ -5331,82 +5747,36 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
  * @method render
  * @param projection {Object}
  */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
+PIXI.WebGLRenderGroup.prototype.render = function(projection, buffer)
 {
 	PIXI.WebGLRenderer.updateTextures();
 	
 	var gl = this.gl;
+	gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
+
+	this.filterManager.begin(projection, buffer);
 
 	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
 	// will render all the elements in the group
 	var renderable;
-	
-	
+
 	for (var i=0; i < this.batchs.length; i++) 
 	{
+		
 		renderable = this.batchs[i];
 		if(renderable instanceof PIXI.WebGLBatch)
 		{
 			this.batchs[i].render();
+			continue;
 		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
+		
+		// render special
+		this.renderSpecial(renderable, projection);
 	}
 	
 }
 
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
 /**
  * Renders a specific displayObject
  *
@@ -5415,15 +5785,14 @@ PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
  * @param projection {Object}
  * @private
  */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
+PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection, buffer)
 {
 	PIXI.WebGLRenderer.updateTextures();
-	
 	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
+
+	gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
+
+	this.filterManager.begin(projection, buffer);
 
 	// to do!
 	// render part of the scene...
@@ -5443,11 +5812,13 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 	var nextRenderable = displayObject.first;
 	while(nextRenderable._iNext)
 	{
-		nextRenderable = nextRenderable._iNext;
 		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
+		nextRenderable = nextRenderable._iNext;
 	}
 	var startBatch = nextRenderable.batch;
+	//console.log(nextRenderable);
 	
+	//console.log(renderable)
 	if(nextRenderable instanceof PIXI.Sprite)
 	{
 		startBatch = nextRenderable.batch;
@@ -5477,13 +5848,11 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 	}
 	
 	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
+	var lastRenderable = displayObject.last;
+	while(lastRenderable._iPrev)
 	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
+		if(lastRenderable.renderable && lastRenderable.__renderGroup)break;
+		lastRenderable = lastRenderable._iNext;
 	}
 	
 	if(lastRenderable instanceof PIXI.Sprite)
@@ -5512,6 +5881,7 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 		endBatch = lastRenderable;
 	}
 	
+	//console.log(endBatch);
 	// TODO - need to fold this up a bit!
 	
 	if(startBatch == endBatch)
@@ -5577,86 +5947,101 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
  */
 PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
 {
+	
+	var worldVisible = renderable.vcount === PIXI.visibleCount
+
+
 	if(renderable instanceof PIXI.TilingSprite)
 	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
+		if(worldVisible)this.renderTilingSprite(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.Strip)
 	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
+		if(worldVisible)this.renderStrip(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.CustomRenderable)
 	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
+		if(worldVisible) renderable.renderWebGL(this, projection);
 	}
 	else if(renderable instanceof PIXI.Graphics)
 	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
+		if(worldVisible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.FilterBlock)
 	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
+		this.handleFilterBlock(renderable, projection);
 	}
 }
 
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
+flip = false;
+var maskStack = [];
+var maskPosition = 0;
+
+//var usedMaskStack = [];
+
+PIXI.WebGLRenderGroup.prototype.handleFilterBlock = function(filterBlock, projection)
 {
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
+	/*
+	 * for now only masks are supported..
+	 */
+	var gl = PIXI.gl;
+	
+	if(filterBlock.open)
 	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
+		if(filterBlock.data instanceof Array)
 		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
+			this.filterManager.pushFilter(filterBlock);
+			// ok so..
+			
 		}
-		
-		if(child.children.length > 0)
+		else
+		{	
+			maskPosition++;
+
+			maskStack.push(filterBlock)
+	
+			gl.enable(gl.STENCIL_TEST);
+			
+			gl.colorMask(false, false, false, false);
+			
+			gl.stencilFunc(gl.ALWAYS,1,1);
+			gl.stencilOp(gl.KEEP,gl.KEEP,gl.INCR);
+	
+			PIXI.WebGLGraphics.renderGraphics(filterBlock.data, projection);
+			
+			gl.colorMask(true, true, true, true);
+			gl.stencilFunc(gl.NOTEQUAL,0,maskStack.length);
+			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
+		}
+	}
+	else
+	{
+		if(filterBlock.data instanceof Array)
 		{
-			this.checkVisibility(child, child.worldVisible);
+			this.filterManager.popFilter();
 		}
-	};
+		else
+		{
+			var maskData = maskStack.pop(filterBlock)
+
+
+			if(maskData)
+			{
+				gl.colorMask(false, false, false, false);
+			
+				gl.stencilFunc(gl.ALWAYS,1,1);
+				gl.stencilOp(gl.KEEP,gl.KEEP,gl.DECR);
+
+				PIXI.WebGLGraphics.renderGraphics(maskData.data, projection);
+			
+				gl.colorMask(true, true, true, true);
+				gl.stencilFunc(gl.NOTEQUAL,0,maskStack.length);
+				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
+			};
+
+			gl.disable(gl.STENCIL_TEST);
+		}
+	}
 }
 
 /**
@@ -5719,7 +6104,7 @@ PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
 	 *  It keeps going back until it finds a sprite or the stage
 	 */
 	var previousRenderable = start;
-	while(previousRenderable != this.root)
+	while(previousRenderable != this.root.first)
 	{
 		previousRenderable = previousRenderable._iPrev;
 		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
@@ -5733,7 +6118,7 @@ PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
 	 *  scene graph
 	 */
 	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
+	while(previousRenderable2 != this.root.first)
 	{
 		previousRenderable2 = previousRenderable2._iPrev;
 		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
@@ -6105,6 +6490,7 @@ PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
 	}
 }
 
+
 /**
  * Initializes a tiling sprite
  *
@@ -6175,25 +6561,26 @@ PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
 PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 {
 	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
 
+	PIXI.activateStripShader();
+
+	var shader = PIXI.stripShader;
+
+	var program = shader.program;
 	
-	gl.useProgram(PIXI.stripShaderProgram);
-
 	var m = PIXI.mat3.clone(strip.worldTransform);
 	
 	PIXI.mat3.transpose(m);
 	
+//	console.log(projection)
 	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
+ 	gl.uniformMatrix3fv(shader.translationMatrix, false, m);
+	gl.uniform2f(shader.projectionVector, projection.x, projection.y);
+	gl.uniform2f(shader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
+	
+	gl.uniform1f(shader.alpha, strip.worldAlpha);
 
-/*
+	/*
 	if(strip.blendMode == PIXI.blendModes.NORMAL)
 	{
 		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
@@ -6204,23 +6591,22 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 	}
 	*/
 	
-	
+	//console.log("!!")
 	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);
+	    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 		
 		// update the uvs
 	   	gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
-	    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+	    gl.vertexAttribPointer(shader.aTextureCoord, 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);
+	    gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
 		
 		// dont need to upload!
 	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
@@ -6230,30 +6616,30 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 		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);
+	    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 		
 		// 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.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
 			
 	    gl.activeTexture(gl.TEXTURE0);
 	    gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
-		
+	//	console.log(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);
+	    gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
 		
 		// dont need to upload!
 	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
 	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
 	    
 	}
-	//console.log(gl.TRIANGLE_STRIP);
 	
 	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
     
-  	gl.useProgram(PIXI.shaderProgram);
+    PIXI.deactivateStripShader();
+  	//gl.useProgram(PIXI.currentProgram);
 }
 
 /**
@@ -6267,6 +6653,8 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
 {
 	var gl = this.gl;
+
+
 	var shaderProgram = PIXI.shaderProgram;
 	
 	var tilePosition = sprite.tilePosition;
@@ -6328,6 +6716,535 @@ PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
     gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
 }
 
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.WebGLFilterManager = function(transparent)
+{
+	this.transparent = transparent;
+	
+	this.filterStack = [];
+	this.texturePool = [];
+	
+	this.offsetX = 0;
+	this.offsetY = 0;
+	
+	this.initShaderBuffers();
+}
+
+// API
+
+PIXI.WebGLFilterManager.prototype.begin = function(projection, buffer)
+{
+	this.width = projection.x * 2;
+	this.height = -projection.y * 2;
+	this.buffer = buffer;
+}
+
+PIXI.WebGLFilterManager.prototype.pushFilter = function(filterBlock)
+{
+	var gl = PIXI.gl;
+
+	// filter program
+	// OPTIMISATION - the first filter is free if its a simple color change?
+	this.filterStack.push(filterBlock);
+
+	var filter = filterBlock.filterPasses[0];
+
+	
+
+	this.offsetX += filterBlock.target.filterArea.x;
+	this.offsetY += filterBlock.target.filterArea.y;
+	
+	
+	
+	
+	
+	var texture = this.texturePool.pop();
+	if(!texture)
+	{
+		texture = new PIXI.FilterTexture(this.width, this.height);
+	}
+	else
+	{
+		texture.resize(this.width, this.height);
+	}
+
+	gl.bindTexture(gl.TEXTURE_2D,  texture.texture);
+	
+	this.getBounds(filterBlock.target);
+		
+	// addpadding?
+	//displayObject.filterArea.x
+
+	var filterArea = filterBlock.target.filterArea;
+
+	var padidng = filter.padding;
+	filterArea.x -= padidng;
+	filterArea.y -= padidng;
+	filterArea.width += padidng * 2;
+	filterArea.height += padidng * 2;
+
+	// cap filter to screen size..
+	if(filterArea.x < 0)filterArea.x = 0;	
+	if(filterArea.width > this.width)filterArea.width = this.width;
+	if(filterArea.y < 0)filterArea.y = 0;	
+	if(filterArea.height > this.height)filterArea.height = this.height;
+
+
+	//gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  filterArea.width, filterArea.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+	gl.bindFramebuffer(gl.FRAMEBUFFER, texture.frameBuffer);
+   
+  // console.log(filterArea)
+	// set view port
+	gl.viewport(0, 0, filterArea.width, filterArea.height);	
+	
+	PIXI.projection.x = filterArea.width/2;
+	PIXI.projection.y = -filterArea.height/2;
+	
+	PIXI.offset.x = -filterArea.x; 
+	PIXI.offset.y = -filterArea.y;
+
+	//console.log(PIXI.defaultShader.projectionVector)
+	// update projection
+	gl.uniform2f(PIXI.defaultShader.projectionVector, filterArea.width/2, -filterArea.height/2);
+	gl.uniform2f(PIXI.defaultShader.offsetVector, -filterArea.x, -filterArea.y);
+	//PIXI.primitiveProgram
+
+	gl.colorMask(true, true, true, true); 
+	gl.clearColor(0,0,0, 0);     
+	gl.clear(gl.COLOR_BUFFER_BIT);
+	
+	//filter.texture = texture;
+	filterBlock._glFilterTexture = texture;
+
+	//console.log("PUSH")
+}
+
+
+PIXI.WebGLFilterManager.prototype.popFilter = function()
+{
+	
+	var gl = PIXI.gl;
+	
+	var filterBlock = this.filterStack.pop();
+
+
+
+	var filterArea = filterBlock.target.filterArea;
+
+	var texture = filterBlock._glFilterTexture;
+
+	if(filterBlock.filterPasses.length > 1)
+	{
+		gl.viewport(0, 0, filterArea.width, filterArea.height);
+
+		gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	
+		this.vertexArray[0] = 0;
+		this.vertexArray[1] = filterArea.height;
+		
+		this.vertexArray[2] = filterArea.width;
+		this.vertexArray[3] = filterArea.height;
+		
+		this.vertexArray[4] = 0;
+		this.vertexArray[5] = 0;
+		
+		this.vertexArray[6] = filterArea.width;
+		this.vertexArray[7] = 0;
+
+
+		gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
+
+	
+		gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+		// nnow set the uvs..
+		this.uvArray[2] = filterArea.width/this.width;
+		this.uvArray[5] = filterArea.height/this.height;
+		this.uvArray[6] = filterArea.width/this.width;
+		this.uvArray[7] = filterArea.height/this.height;
+		
+		gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
+
+		var inputTexture = texture;
+		var outputTexture = this.texturePool.pop();
+		if(!outputTexture)outputTexture = new PIXI.FilterTexture(this.width, this.height);
+		
+		// need to clear this FBO as it may have some left over elements from a prvious filter.
+		gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );     
+		gl.clear(gl.COLOR_BUFFER_BIT);
+	 
+		gl.disable(gl.BLEND);
+		
+		for (var i = 0; i < filterBlock.filterPasses.length-1; i++) 
+		{
+			var filterPass = filterBlock.filterPasses[i];
+	
+			gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );
+			
+			// set texture
+		    gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, inputTexture.texture);
+			
+			// draw texture..
+			//filterPass.applyFilterPass(filterArea.width, filterArea.height);
+			this.applyFilterPass(filterPass, filterArea, filterArea.width, filterArea.height);
+
+			// swap the textures..
+			var temp = inputTexture;
+			inputTexture = outputTexture;
+			outputTexture = temp;
+			
+		};
+
+		gl.enable(gl.BLEND);
+
+		texture = inputTexture;
+		this.texturePool.push(outputTexture);
+	}
+
+	var filter = filterBlock.filterPasses[filterBlock.filterPasses.length-1];
+	
+	this.offsetX -= filterArea.x;
+	this.offsetY -= filterArea.y;
+
+	
+	var sizeX = this.width;
+	var sizeY = this.height;
+	
+	var offsetX = 0;
+	var offsetY = 0;
+	
+	var buffer = this.buffer;
+	
+	// time to render the filters texture to the previous scene
+	if(this.filterStack.length === 0)
+	{
+		gl.colorMask(true, true, true, this.transparent); 
+	}
+	else
+	{
+		var currentFilter = this.filterStack[this.filterStack.length-1];
+		var filterArea = currentFilter.target.filterArea;
+		
+		sizeX = filterArea.width;
+		sizeY = filterArea.height;
+		
+		offsetX = filterArea.x;
+		offsetY = filterArea.y;
+		
+		buffer =  currentFilter._glFilterTexture.frameBuffer;
+	}
+	
+	
+
+	// TODO need toremove thease global elements..
+	PIXI.projection.x = sizeX/2;
+	PIXI.projection.y = -sizeY/2;
+
+	PIXI.offset.x = offsetX;
+	PIXI.offset.y = offsetY; 
+	
+
+	var filterArea =  filterBlock.target.filterArea;
+	var x = filterArea.x-offsetX;
+	var y = filterArea.y-offsetY;
+	
+	// update the buffers..	
+	// make sure to flip the y!
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	
+	this.vertexArray[0] = x;
+	this.vertexArray[1] = y + filterArea.height;
+	
+	this.vertexArray[2] = x + filterArea.width;
+	this.vertexArray[3] = y + filterArea.height;
+	
+	this.vertexArray[4] = x;
+	this.vertexArray[5] = y;
+	
+	this.vertexArray[6] = x + filterArea.width;
+	this.vertexArray[7] = y;
+
+	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+
+	this.uvArray[2] = filterArea.width/this.width;
+	this.uvArray[5] = filterArea.height/this.height;
+	this.uvArray[6] = filterArea.width/this.width;
+	this.uvArray[7] = filterArea.height/this.height;
+	
+	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
+
+	gl.viewport(0, 0, sizeX, sizeY);	
+	// bind the buffer
+	gl.bindFramebuffer(gl.FRAMEBUFFER, buffer );
+	
+	// set texture
+    gl.activeTexture(gl.TEXTURE0);
+	gl.bindTexture(gl.TEXTURE_2D, texture.texture);
+	
+	// apply!
+	//filter.applyFilterPass(sizeX, sizeY);
+	this.applyFilterPass(filter, filterArea, sizeX, sizeY);
+
+	// now restore the regular shader..
+    gl.useProgram(PIXI.defaultShader.program);
+	gl.uniform2f(PIXI.defaultShader.projectionVector, sizeX/2, -sizeY/2);
+	gl.uniform2f(PIXI.defaultShader.offsetVector, -offsetX, -offsetY);
+
+	// return the texture to the pool
+	this.texturePool.push(texture);
+	filterBlock._glFilterTexture = null;	
+}
+
+PIXI.WebGLFilterManager.prototype.applyFilterPass = function(filter, filterArea, width, height)
+{
+	// use program
+	var gl = PIXI.gl;
+
+	if(!filter.shader)
+	{
+		var shader = new PIXI.PixiShader();
+				
+		shader.fragmentSrc = filter.fragmentSrc;
+		shader.uniforms = filter.uniforms;
+		shader.init();
+		
+		filter.shader = shader;
+	}
+
+	var shader = filter.shader;
+	
+	// set the shader
+	gl.useProgram(shader.program);
+
+	gl.uniform2f(shader.projectionVector, width/2, -height/2);
+	gl.uniform2f(shader.offsetVector, 0,0)
+
+	if(filter.uniforms.dimensions)
+	{
+		//console.log(filter.uniforms.dimensions)
+		filter.uniforms.dimensions.value[0] = this.width;//width;
+		filter.uniforms.dimensions.value[1] = this.height;//height;
+		filter.uniforms.dimensions.value[2] = this.vertexArray[0];
+		filter.uniforms.dimensions.value[3] = this.vertexArray[5];//filterArea.height;
+	//	console.log(this.vertexArray[5])
+	}
+
+	shader.syncUniforms();
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
+   
+   	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+    gl.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
+	
+    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+    
+	// draw the filter...
+    gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 );
+}
+
+PIXI.WebGLFilterManager.prototype.initShaderBuffers = function()
+{
+	var gl = PIXI.gl;
+	
+	// create some buffers
+	this.vertexBuffer = gl.createBuffer();	
+	this.uvBuffer = gl.createBuffer();
+	this.indexBuffer = gl.createBuffer();
+	
+	// bind and upload the vertexs..
+	// keep a refferance to the vertexFloatData..
+	this.vertexArray = new Float32Array([0.0, 0.0, 
+								         1.0, 0.0, 
+								         0.0, 1.0, 
+								         1.0, 1.0]);
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	gl.bufferData(
+    gl.ARRAY_BUFFER, 
+    this.vertexArray, 
+    gl.STATIC_DRAW);
+    
+    
+    // bind and upload the uv buffer
+	this.uvArray = new Float32Array([0.0, 0.0, 
+								     1.0, 0.0, 
+								     0.0, 1.0, 
+								     1.0, 1.0]);
+								         
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+	gl.bufferData(
+    gl.ARRAY_BUFFER, 
+    this.uvArray, 
+    gl.STATIC_DRAW);
+    
+	// bind and upload the index
+	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+	gl.bufferData(
+    gl.ELEMENT_ARRAY_BUFFER, 
+    new Uint16Array([0, 1, 2, 1, 3, 2]), 
+    gl.STATIC_DRAW);
+}
+
+PIXI.WebGLFilterManager.prototype.getBounds = function(displayObject)
+{
+	// time to get the width and height of the object!
+	var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index, doTest;
+	var a, b, c, d, tx, ty, x1, x2, x3, x4, y1, y2, y3, y4;
+
+	var tempObject = displayObject.first;
+	var testObject = displayObject.last._iNext;
+	
+	var maxX = -Infinity;
+	var maxY = -Infinity;
+	
+	var minX = Infinity;
+	var minY = Infinity;
+	
+	do	
+	{
+		// TODO can be optimized! - what if there is no scale / rotation?
+		
+		if(tempObject.visible)
+		{
+			if(tempObject instanceof PIXI.Sprite)
+			{
+				width = tempObject.texture.frame.width;
+				height = tempObject.texture.frame.height;
+
+				// TODO trim??
+				aX = tempObject.anchor.x;
+				aY = tempObject.anchor.y;
+				w0 = width * (1-aX);
+				w1 = width * -aX;
+
+				h0 = height * (1-aY);
+				h1 = height * -aY;
+
+				doTest = true;
+			}
+			else if(tempObject instanceof PIXI.Graphics)
+			{
+				tempObject.updateFilterBounds();
+
+				var bounds = tempObject.bounds;
+
+				width = bounds.width;
+				height = bounds.height;
+
+				w0 = bounds.x
+				w1 = bounds.x + bounds.width;
+
+				h0 = bounds.y
+				h1 = bounds.y + bounds.height;
+
+				doTest = true;	
+			}
+		}
+		
+		if(doTest)
+		{
+			worldTransform = tempObject.worldTransform;
+
+			a = worldTransform[0];
+			b = worldTransform[3];
+			c = worldTransform[1];
+			d = worldTransform[4];
+			tx = worldTransform[2];
+			ty = worldTransform[5];
+
+			x1 = a * w1 + c * h1 + tx; 
+			y1 = d * h1 + b * w1 + ty;
+
+			x2 = a * w0 + c * h1 + tx; 
+			y2 = d * h1 + b * w0 + ty; 
+
+			x3 = a * w0 + c * h0 + tx; 
+			y3 = d * h0 + b * w0 + ty; 
+
+			x4 =  a * w1 + c * h0 + tx; 
+			y4 =  d * h0 + b * w1 + ty; 
+
+			minX = x1 < minX ? x1 : minX;
+			minX = x2 < minX ? x2 : minX;
+			minX = x3 < minX ? x3 : minX;
+			minX = x4 < minX ? x4 : minX;
+			
+			minY = y1 < minY ? y1 : minY;
+			minY = y2 < minY ? y2 : minY;
+			minY = y3 < minY ? y3 : minY;
+			minY = y4 < minY ? y4 : minY;
+			
+			maxX = x1 > maxX ? x1 : maxX;
+			maxX = x2 > maxX ? x2 : maxX;
+			maxX = x3 > maxX ? x3 : maxX;
+			maxX = x4 > maxX ? x4 : maxX;
+			
+			maxY = y1 > maxY ? y1 : maxY;
+			maxY = y2 > maxY ? y2 : maxY;
+			maxY = y3 > maxY ? y3 : maxY;
+			maxY = y4 > maxY ? y4 : maxY;
+		}
+
+		doTest = false;
+		tempObject = tempObject._iNext;
+
+	}
+	while(tempObject != testObject)
+	
+	// maximum bounds is the size of the screen..
+	//minX = minX > 0 ? minX : 0;
+	//minY = minY > 0 ? minY : 0;
+
+	displayObject.filterArea.x = minX;
+	displayObject.filterArea.y = minY;
+
+//	console.log(maxX+ " : " + minX)
+	displayObject.filterArea.width = maxX - minX;
+	displayObject.filterArea.height = maxY - minY;
+}
+
+PIXI.FilterTexture = function(width, height)
+{
+	var gl = PIXI.gl;
+	
+    // next time to create a frame buffer and texture
+	this.frameBuffer = gl.createFramebuffer();
+    this.texture = gl.createTexture();
+
+    gl.bindTexture(gl.TEXTURE_2D,  this.texture);
+    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);
+	gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer );
+	
+	gl.bindFramebuffer(gl.FRAMEBUFFER, this.frameBuffer );
+	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.texture, 0);
+	
+	this.resize(width, height);
+}
+
+PIXI.FilterTexture.prototype.resize = function(width, height)
+{
+	if(this.width == width && this.height == height)return;
+
+	this.width = width;
+	this.height = height;
+
+	var gl = PIXI.gl;
+
+	gl.bindTexture(gl.TEXTURE_2D,  this.texture);
+	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+	
+}
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -6401,7 +7318,6 @@ PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
  */
 PIXI.CanvasRenderer.prototype.render = function(stage)
 {
-	// update children if need be
 	
 	//stage.__childrenAdded = [];
 	//stage.__childrenRemoved = [];
@@ -6410,6 +7326,7 @@ PIXI.CanvasRenderer.prototype.render = function(stage)
 	PIXI.texturesToUpdate = [];
 	PIXI.texturesToDestroy = [];
 	
+	PIXI.visibleCount++;
 	stage.updateTransform();
 	
 	// update the background color
@@ -6496,7 +7413,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 				
 			var frame = displayObject.texture.frame;
 			
-			if(frame)
+			if(frame && frame.width && frame.height)
 			{
 				context.globalAlpha = displayObject.worldAlpha;
 				
@@ -6525,6 +7442,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 		}
 		else if(displayObject instanceof PIXI.CustomRenderable)
 		{
+			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
 			displayObject.renderCanvas(this);
 		}
 		else if(displayObject instanceof PIXI.Graphics)
@@ -6534,31 +7452,36 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 		}
 		else if(displayObject instanceof PIXI.FilterBlock)
 		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
+			if(displayObject.data instanceof PIXI.Graphics)
+ 			{
+				var mask = displayObject.data;
+
+				if(displayObject.open)
+				{
+					context.save();
+					
+					var cacheAlpha = mask.alpha;
+					var maskTransform = mask.worldTransform;
+					
+					context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
+					
+					mask.worldAlpha = 0.5;
+					
+					context.worldAlpha = 0;
+					
+					PIXI.CanvasGraphics.renderGraphicsMask(mask, context);
+					context.clip();
+					
+					mask.worldAlpha = cacheAlpha;
+				}
+				else
+				{
+					context.restore();
+				}
 			}
 			else
 			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
+				// only masks supported right now!
 			}
 		}
 	//	count++
@@ -6651,7 +7574,7 @@ PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
 PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 {
 	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
+
 	// draw triangles!!
 	var verticies = strip.verticies;
 	var uvs = strip.uvs;
@@ -6678,8 +7601,6 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 		context.lineTo(x2, y2);
 		context.closePath();
 		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
 		context.clip();
 		
 		
@@ -6703,7 +7624,6 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 	  	context.restore();
 	};
 	
-//	context.globalCompositeOperation = 'source-over';	
 }
 
 /**
@@ -6718,7 +7638,7 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
  */
 PIXI.CanvasGraphics = function()
 {
-	
+
 }
 
 
@@ -6734,35 +7654,33 @@ PIXI.CanvasGraphics = function()
 PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 {
 	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
+
+	for (var i=0; i < graphics.graphicsData.length; i++)
 	{
 		var data = graphics.graphicsData[i];
 		var points = data.points;
-		
+
 		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
 
 		context.lineWidth = data.lineWidth;
-		
+
 		if(data.type == PIXI.Graphics.POLY)
 		{
-			//if(data.lineWidth <= 0)continue;
-			
 			context.beginPath();
-			
+
 			context.moveTo(points[0], points[1]);
-			
+
 			for (var j=1; j < points.length/2; j++)
 			{
 				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
+			}
+
 	      	// if the first and last point are the same close the path - much neater :)
 	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
 	      	{
 	      		context.closePath();
 	      	}
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -6777,21 +7695,20 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.RECT)
 		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
+
+			if(data.fillColor || data.fillColor === 0)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
 				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
 				context.fillRect(points[0], points[1], points[2], points[3]);
-				
+
 			}
 			if(data.lineWidth)
 			{
 				context.globalAlpha = data.lineAlpha * worldAlpha;
 				context.strokeRect(points[0], points[1], points[2], points[3]);
 			}
-			
+
 		}
 		else if(data.type == PIXI.Graphics.CIRC)
 		{
@@ -6799,7 +7716,7 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
       		context.beginPath();
 			context.arc(points[0], points[1], points[2],0,2*Math.PI);
 			context.closePath();
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -6814,19 +7731,19 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.ELIP)
 		{
-			
+
 			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
+
 			var elipseData =  data.points;
-			
+
 			var w = elipseData[2] * 2;
 			var h = elipseData[3] * 2;
-	
+
 			var x = elipseData[0] - w/2;
 			var y = elipseData[1] - h/2;
-			
+
       		context.beginPath();
-			
+
 			var kappa = .5522848,
 			ox = (w / 2) * kappa, // control point offset horizontal
 			oy = (h / 2) * kappa, // control point offset vertical
@@ -6834,15 +7751,15 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 			ye = y + h,           // y-end
 			xm = x + w / 2,       // x-middle
 			ym = y + h / 2;       // y-middle
-			
+
 			context.moveTo(x, ym);
 			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
 			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
 			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
 			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
+
 			context.closePath();
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -6855,7 +7772,7 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
       			context.stroke();
 			}
 		}
-      	
+
 	};
 }
 
@@ -6871,37 +7788,37 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 {
 	var worldAlpha = graphics.worldAlpha;
-	
+
 	var len = graphics.graphicsData.length;
+	if(len === 0)return;
+
 	if(len > 1)
 	{
 		len = 1;
 		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
 	}
-	
-	for (var i=0; i < 1; i++) 
+
+	for (var i=0; i < 1; i++)
 	{
 		var data = graphics.graphicsData[i];
 		var points = data.points;
-		
+
 		if(data.type == PIXI.Graphics.POLY)
 		{
-			//if(data.lineWidth <= 0)continue;
-			
 			context.beginPath();
 			context.moveTo(points[0], points[1]);
-			
+
 			for (var j=1; j < points.length/2; j++)
 			{
 				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
+			}
+
 	      	// if the first and last point are the same close the path - much neater :)
 	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
 	      	{
 	      		context.closePath();
 	      	}
-			
+
 		}
 		else if(data.type == PIXI.Graphics.RECT)
 		{
@@ -6918,18 +7835,18 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.ELIP)
 		{
-			
+
 			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
 			var elipseData =  data.points;
-			
+
 			var w = elipseData[2] * 2;
 			var h = elipseData[3] * 2;
-	
+
 			var x = elipseData[0] - w/2;
 			var y = elipseData[1] - h/2;
-			
+
       		context.beginPath();
-			
+
 			var kappa = .5522848,
 			ox = (w / 2) * kappa, // control point offset horizontal
 			oy = (h / 2) * kappa, // control point offset vertical
@@ -6937,7 +7854,7 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 			ye = y + h,           // y-end
 			xm = x + w / 2,       // x-middle
 			ym = y + h / 2;       // y-middle
-			
+
 			context.moveTo(x, ym);
 			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
 			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
@@ -6945,8 +7862,8 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
 			context.closePath();
 		}
-      	
-	   
+
+
 	};
 }
 
@@ -6956,18 +7873,18 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 
 
 /**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
+ * The Graphics class contains a set of methods that you can use to create primitive shapes and lines.
  * It is important to know that with the webGL renderer only simple polys can be filled at this stage
  * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
  *
- * @class Graphics 
+ * @class Graphics
  * @extends DisplayObjectContainer
  * @constructor
  */
 PIXI.Graphics = function()
 {
 	PIXI.DisplayObjectContainer.call( this );
-	
+
 	this.renderable = true;
 
     /**
@@ -7028,14 +7945,14 @@ PIXI.Graphics.prototype.constructor = PIXI.Graphics;
 PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
+
 	this.lineWidth = lineWidth || 0;
 	this.lineColor = color || 0;
 	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
 						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
+
 	this.graphicsData.push(this.currentPath);
 }
 
@@ -7049,12 +7966,12 @@ PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
 PIXI.Graphics.prototype.moveTo = function(x, y)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
+
+	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
 						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
+
 	this.currentPath.points.push(x, y);
-	
+
 	this.graphicsData.push(this.currentPath);
 }
 
@@ -7084,7 +8001,7 @@ PIXI.Graphics.prototype.beginFill = function(color, alpha)
 {
 	this.filling = true;
 	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
+	this.fillAlpha = (alpha == undefined) ? 1 : alpha;
 }
 
 /**
@@ -7110,11 +8027,11 @@ PIXI.Graphics.prototype.endFill = function()
 PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
@@ -7130,11 +8047,11 @@ PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
 PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
@@ -7151,11 +8068,11 @@ PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
 PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
@@ -7169,10 +8086,85 @@ PIXI.Graphics.prototype.clear = function()
 {
 	this.lineWidth = 0;
 	this.filling = false;
-	
+
 	this.dirty = true;
 	this.clearDirty = true;
 	this.graphicsData = [];
+
+	this.bounds = null//new PIXI.Rectangle();
+}
+
+
+PIXI.Graphics.prototype.updateFilterBounds = function()
+{
+	if(!this.bounds)
+	{
+		var minX = Infinity;
+		var maxX = -Infinity;
+
+		var minY = Infinity;
+		var maxY = -Infinity;
+
+		var points, x, y;
+
+		for (var i = 0; i < this.graphicsData.length; i++) {
+			
+
+			var data = this.graphicsData[i];
+			var type = data.type;
+			var lineWidth = data.lineWidth;
+
+			points = data.points;
+
+			if(type === PIXI.Graphics.RECT)
+			{
+				x = points.x - lineWidth/2;
+				y = points.y - lineWidth/2;
+				var width = points.width + lineWidth;
+				var height = points.height + lineWidth;
+
+				minX = x < minX ? x : minX;
+				maxX = x + width > maxX ? x + width : maxX;
+
+				minY = y < minY ? x : minY;
+				maxY = y + height > maxY ? y + height : maxY;
+			}
+			else if(type === PIXI.Graphics.CIRC || type === PIXI.Graphics.ELIP)
+			{
+				x = points.x;
+				y = points.y;
+				var radius = points.radius + lineWidth/2;
+				
+				minX = x - radius < minX ? x - radius : minX;
+				maxX = x + radius > maxX ? x + radius : maxX;
+
+				minY = y - radius < minY ? y - radius : minY;
+				maxY = y + radius > maxY ? y + radius : maxY;
+			}
+			else
+			{
+				// POLY
+				for (var j = 0; j < points.length; j+=2) 
+				{
+					
+					x = points[j];
+					y = points[j+1];
+
+					minX = x-lineWidth < minX ? x-lineWidth : minX;
+					maxX = x+lineWidth > maxX ? x+lineWidth : maxX;
+
+					minY = y-lineWidth < minY ? y-lineWidth : minY;
+					maxY = y+lineWidth > maxY ? y+lineWidth : maxY;
+				};
+			}
+
+		};
+
+		this.bounds = new PIXI.Rectangle(minX, minY, maxX - minX, maxY - minY);
+
+	}
+
+//	console.log(this.bounds);
 }
 
 // SOME TYPES:
@@ -7190,20 +8182,20 @@ 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)
@@ -7211,18 +8203,18 @@ PIXI.Strip = function(texture, width, height)
 		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.uvs = new Float32Array()
 	this.verticies = new Float32Array()
@@ -7231,7 +8223,7 @@ PIXI.Strip = function(texture, width, height)
 */
 	this.width = width;
 	this.height = height;
-	
+
 	// load the texture!
 	if(texture.baseTexture.hasLoaded)
 	{
@@ -7244,7 +8236,7 @@ PIXI.Strip = function(texture, width, height)
 		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
 		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
 	}
-	
+
 	this.renderable = true;
 }
 
@@ -7256,8 +8248,8 @@ PIXI.Strip.prototype.setTexture = function(texture)
 {
 	//TODO SET THE TEXTURES
 	//TODO VISIBILITY
-	
-	// stop current texture 
+
+	// stop current texture
 	this.texture = texture;
 	this.width   = texture.frame.width;
 	this.height  = texture.frame.height;
@@ -7280,7 +8272,7 @@ PIXI.Rope = function(texture, points)
 {
 	PIXI.Strip.call( this, texture );
 	this.points = points;
-	
+
 	try
 	{
 		this.verticies = new Float32Array( points.length * 4);
@@ -7291,12 +8283,12 @@ PIXI.Rope = function(texture, points)
 	catch(error)
 	{
 		this.verticies = verticies
-		
+
 		this.uvs = uvs
 		this.colors = colors
 		this.indices = indices
 	}
-	
+
 	this.refresh();
 }
 
@@ -7309,99 +8301,99 @@ PIXI.Rope.prototype.refresh = function()
 {
 	var points = this.points;
 	if(points.length < 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 < total; i++) 
+
+	for (var i =  1; i < total; i++)
 	{
-		
+
 		var point = points[i];
 		var index = i * 4;
 		// time to do some smart drawing!
 		var amount = i/(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 < 1)return;
-	
-	var verticies = this.verticies 
-	
+
+	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[0] = point.x + perp.x
 	verticies[1] = point.y + perp.y //+ 200
-	verticies[2] = point.x - perp.x 
+	verticies[2] = point.x - perp.x
 	verticies[3] = point.y - perp.y//+200
 	// time to do some smart drawing!
-	
+
 	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
+
+	for (var i =  1; i < total; i++)
 	{
-		
+
 		var point = points[i];
 		var index = i * 4;
-		
+
 		if(i < points.length-1)
 		{
 			nextPoint = points[i+1];
@@ -7410,35 +8402,35 @@ PIXI.Rope.prototype.updateTransform = function()
 		{
 			nextPoint = point
 		}
-		
+
 		perp.y = -(nextPoint.x - lastPoint.x);
 		perp.x = nextPoint.y - lastPoint.y;
-		
+
 		var ratio = (1 - (i / (total-1))) * 10;
 				if(ratio > 1)ratio = 1;
-				
+
 		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
 		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
 		perp.x /= perpLength;
 		perp.y /= perpLength;
-	
+
 		perp.x *= num;
 		perp.y *= num;
-		
-		verticies[index] = point.x + perp.x 
+
+		verticies[index] = point.x + perp.x
 		verticies[index+1] = point.y + perp.y
-		verticies[index+2] = point.x - perp.x 
+		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)
 {
-	// stop current texture 
+	// stop current texture
 	this.texture = texture;
 	this.updateFrame = true;
 }
@@ -7494,7 +8486,7 @@ PIXI.TilingSprite = function(texture, width, height)
 	 *
 	 * @property tileScale
 	 * @type Point
-	 */	
+	 */
 	this.tileScale = new PIXI.Point(1,1);
 
 	/**
@@ -7502,11 +8494,11 @@ PIXI.TilingSprite = function(texture, width, height)
 	 *
 	 * @property tilePosition
 	 * @type Point
-	 */	
+	 */
 	this.tilePosition = new PIXI.Point(0,0);
 
 	this.renderable = true;
-	
+
 	this.blendMode = PIXI.blendModes.NORMAL
 }
 
@@ -7524,8 +8516,8 @@ PIXI.TilingSprite.prototype.setTexture = function(texture)
 {
 	//TODO SET THE TEXTURES
 	//TODO VISIBILITY
-	
-	// stop current texture 
+
+	// stop current texture
 	this.texture = texture;
 	this.updateFrame = true;
 }
@@ -7546,10 +8538,10 @@ PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
+ *
  * Awesome JS run time provided by EsotericSoftware
  * https://github.com/EsotericSoftware/spine-runtimes
- * 
+ *
  */
 
 /**
@@ -7562,48 +8554,41 @@ PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
  * @constructor
  * @param url {String} The url of the spine anim file to be used
  */
-PIXI.Spine = function(url)
-{
+PIXI.Spine = function (url) {
 	PIXI.DisplayObjectContainer.call(this);
-	
+
 	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
+
+	if (!this.spineData) {
 		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
 	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
+
 	this.skeleton = new spine.Skeleton(this.spineData);
 	this.skeleton.updateWorldTransform();
 
-	this.stateData = new spine.AnimationStateData(this.spineData);	
+	this.stateData = new spine.AnimationStateData(this.spineData);
 	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
 
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+	this.slotContainers = [];
+
+	for (var i = 0, n = this.skeleton.drawOrder.length; i < n; i++) {
+		var slot = this.skeleton.drawOrder[i];
+		var attachment = slot.attachment;
+		var slotContainer = new PIXI.DisplayObjectContainer();
+		this.slotContainers.push(slotContainer);
+		this.addChild(slotContainer);
+		if (!(attachment instanceof spine.RegionAttachment)) {
+			continue;
+		}
+		var spriteName = attachment.rendererObject.name;
+		var sprite = this.createSprite(slot, attachment.rendererObject);
+		slot.currentSprite = sprite;
+		slot.currentSpriteName = spriteName;
+		slotContainer.addChild(sprite);
+	}
+};
+
+PIXI.Spine.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
 PIXI.Spine.prototype.constructor = PIXI.Spine;
 
 /*
@@ -7612,55 +8597,74 @@ PIXI.Spine.prototype.constructor = PIXI.Spine;
  * @method updateTransform
  * @private
  */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
+PIXI.Spine.prototype.updateTransform = function () {
+	this.lastTime = this.lastTime || Date.now();
+	var timeDelta = (Date.now() - this.lastTime) * 0.001;
+	this.lastTime = Date.now();
+	this.state.update(timeDelta);
 	this.state.apply(this.skeleton);
 	this.skeleton.updateWorldTransform();
 
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
+	var drawOrder = this.skeleton.drawOrder;
+	for (var i = 0, n = drawOrder.length; i < n; i++) {
+		var slot = drawOrder[i];
+		var attachment = slot.attachment;
+		var slotContainer = this.slotContainers[i];
+		if (!(attachment instanceof spine.RegionAttachment)) {
+			slotContainer.visible = false;
+			continue;
+		}
 
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
+		if (attachment.rendererObject) {
+			if (!slot.currentSpriteName || slot.currentSpriteName != attachment.name) {
+				var spriteName = attachment.rendererObject.name;
+				if (slot.currentSprite !== undefined) {
+					slot.currentSprite.visible = false;
 				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
+				slot.sprites = slot.sprites || {};
+				if (slot.sprites[spriteName] !== undefined) {
+					slot.sprites[spriteName].visible = true;
+				} else {
+					var sprite = this.createSprite(slot, attachment.rendererObject);
+					slotContainer.addChild(sprite);
+				}
+				slot.currentSprite = slot.sprites[spriteName];
+				slot.currentSpriteName = spriteName;
 			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
+		}
+		slotContainer.visible = true;
+
+		var bone = slot.bone;
+
+		slotContainer.position.x = bone.worldX + attachment.x * bone.m00 + attachment.y * bone.m01;
+		slotContainer.position.y = bone.worldY + attachment.x * bone.m10 + attachment.y * bone.m11;
+		slotContainer.scale.x = bone.worldScaleX;
+		slotContainer.scale.y = bone.worldScaleY;
+
+		slotContainer.rotation = -(slot.bone.worldRotation * Math.PI / 180);
+	}
+
 	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
+};
+
+
+PIXI.Spine.prototype.createSprite = function (slot, descriptor) {
+	var name = PIXI.TextureCache[descriptor.name] ? descriptor.name : descriptor.name + ".png";
+	var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(name));
+	sprite.scale = descriptor.scale;
+	sprite.rotation = descriptor.rotation;
+	sprite.anchor.x = sprite.anchor.y = 0.5;
+
+	slot.sprites = slot.sprites || {};
+	slot.sprites[descriptor.name] = sprite;
+	return sprite;
+};
 
 /*
  * Awesome JS run time provided by EsotericSoftware
- * 
+ *
  * https://github.com/EsotericSoftware/spine-runtimes
- * 
+ *
  */
 
 var spine = {};
@@ -7770,7 +8774,7 @@ spine.Slot.prototype = {
 		this.g = data.g;
 		this.b = data.b;
 		this.a = data.a;
-		
+
 		var slotDatas = this.skeleton.data.slots;
 		for (var i = 0, n = slotDatas.length; i < n; i++) {
 			if (slotDatas[i] == data) {
@@ -8001,6 +9005,7 @@ spine.TranslateTimeline.prototype = {
 		var frameTime = frames[frameIndex];
 		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
 		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
+
 		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
 		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
 	}
@@ -8025,14 +9030,12 @@ spine.ScaleTimeline.prototype = {
 	apply: function (skeleton, time, alpha) {
 		var frames = this.frames;
 		if (time < frames[0]) return; // Time is before first frame.
-		
+
 		var bone = skeleton.bones[this.boneIndex];
 
 		if (time >= frames[frames.length - 3]) { // Time is after last frame.
 			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
 			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
 			return;
 		}
 
@@ -8070,6 +9073,7 @@ spine.ColorTimeline.prototype = {
 	apply: function (skeleton, time, alpha) {
 		var frames = this.frames;
 		if (time < frames[0]) return; // Time is before first frame.
+
 		var slot = skeleton.slots[this.slotIndex];
 
 		if (time >= frames[frames.length - 5]) { // Time is after last frame.
@@ -8119,7 +9123,7 @@ spine.AttachmentTimeline = function (frameCount) {
 spine.AttachmentTimeline.prototype = {
 	slotIndex: 0,
 	getFrameCount: function () {
-		return this.frames.length / 2;
+            return this.frames.length;
 	},
 	setFrame: function (frameIndex, time, attachmentName) {
 		this.frames[frameIndex] = time;
@@ -8136,11 +9140,6 @@ spine.AttachmentTimeline.prototype = {
 			frameIndex = spine.binarySearch(frames, time, 1) - 1;
 
 		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
 		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
 	}
 };
@@ -8312,11 +9311,9 @@ spine.Skeleton.prototype = {
 			if (slot.data.name == slotName) {
 				var attachment = null;
 				if (attachmentName) {
-					
 					attachment = this.getAttachment(i, attachmentName);
 					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
 				}
-				
 				slot.setAttachment(attachment);
 				return;
 			}
@@ -8398,7 +9395,6 @@ spine.RegionAttachment.prototype = {
 		offset[7/*Y4*/] = localYCos + localX2Sin;
 	},
 	computeVertices: function (x, y, bone, vertices) {
-		
 		x += bone.worldX;
 		y += bone.worldY;
 		var m00 = bone.m00;
@@ -8422,6 +9418,7 @@ spine.AnimationStateData = function (skeletonData) {
 	this.animationToMixTime = {};
 };
 spine.AnimationStateData.prototype = {
+        defaultMix: 0,
 	setMixByName: function (fromName, toName, duration) {
 		var from = this.skeletonData.findAnimation(fromName);
 		if (!from) throw "Animation not found: " + fromName;
@@ -8434,7 +9431,7 @@ spine.AnimationStateData.prototype = {
 	},
 	getMix: function (from, to) {
 		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
+            return time ? time : this.defaultMix;
 	}
 };
 
@@ -8474,7 +9471,7 @@ spine.AnimationState.prototype = {
 				this.previous = null;
 			}
 			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
+		} else
 			this.current.apply(skeleton, this.currentTime, this.currentLoop);
 	},
 	clearAnimation: function () {
@@ -8620,16 +9617,9 @@ spine.SkeletonJson.prototype = {
 		name = map["name"] || name;
 
 		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
+
 		if (type == spine.AttachmentType.region) {
+			var attachment = new spine.RegionAttachment();
 			attachment.x = (map["x"] || 0) * this.scale;
 			attachment.y = (map["y"] || 0) * this.scale;
 			attachment.scaleX = map["scaleX"] || 1;
@@ -8638,10 +9628,19 @@ spine.SkeletonJson.prototype = {
 			attachment.width = (map["width"] || 32) * this.scale;
 			attachment.height = (map["height"] || 32) * this.scale;
 			attachment.updateOffset();
+
+			attachment.rendererObject = {};
+			attachment.rendererObject.name = name;
+			attachment.rendererObject.scale = {};
+			attachment.rendererObject.scale.x = attachment.scaleX;
+			attachment.rendererObject.scale.y = attachment.scaleY;
+			attachment.rendererObject.rotation = -attachment.rotation * Math.PI / 180;
+			return attachment;
 		}
 
-		return attachment;
+            throw "Unknown attachment type: " + type;
 	},
+
 	readAnimation: function (name, map, skeletonData) {
 		var timelines = [];
 		var duration = 0;
@@ -8692,7 +9691,7 @@ spine.SkeletonJson.prototype = {
 					}
 					timelines.push(timeline);
 					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
+
 				} else
 					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
 			}
@@ -8735,8 +9734,8 @@ spine.SkeletonJson.prototype = {
 						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
 					}
 					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
+                        duration = Math.max(duration, timeline.frames[timeline.getFrameCount() - 1]);
+
 				} else
 					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
 			}
@@ -9005,7 +10004,7 @@ spine.Bone.yDown = true;
 /**
  * This object is one that will allow you to specify custom rendering functions based on render type
  *
- * @class CustomRenderable 
+ * @class CustomRenderable
  * @extends DisplayObject
  * @constructor
  */
@@ -9013,6 +10012,7 @@ PIXI.CustomRenderable = function()
 {
 	PIXI.DisplayObject.call( this );
 	
+	this.renderable = true;
 }
 
 // constructor
@@ -9118,19 +10118,19 @@ PIXI.BaseTexture = function(source)
 			this.hasLoaded = true;
 			this.width = this.source.width;
 			this.height = this.source.height;
-			
+
 			PIXI.texturesToUpdate.push(this);
 		}
 		else
 		{
-			
+
 			var scope = this;
 			this.source.onload = function(){
-				
+
 				scope.hasLoaded = true;
 				scope.width = scope.source.width;
 				scope.height = scope.source.height;
-			
+
 				// add it to somewhere...
 				PIXI.texturesToUpdate.push(scope);
 				scope.dispatchEvent( { type: 'loaded', content: scope } );
@@ -9143,7 +10143,7 @@ PIXI.BaseTexture = function(source)
 		this.hasLoaded = true;
 		this.width = this.source.width;
 		this.height = this.source.height;
-			
+
 		PIXI.texturesToUpdate.push(this);
 	}
 
@@ -9167,6 +10167,19 @@ PIXI.BaseTexture.prototype.destroy = function()
 	PIXI.texturesToDestroy.push(this);
 }
 
+/**
+ * 
+ *
+ * @method destroy
+ */
+
+PIXI.BaseTexture.prototype.updateSourceImage = function(newSrc)
+{
+	this.hasLoaded = false;
+	this.source.src = null;
+	this.source.src = newSrc;
+}
+
 /**
  * Helper function that returns a base texture based on an image url
  * If the image is not in the base texture cache it will be  created and loaded
@@ -9183,7 +10196,7 @@ PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
 	{
 		// new Image() breaks tex loading in some versions of Chrome.
 		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
+		var image = new Image();//document.createElement('img');
 		if (crossorigin)
 		{
 			image.crossOrigin = '';
@@ -9211,7 +10224,7 @@ PIXI.FrameCache = {};
  * @uses EventTarget
  * @constructor
  * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
+ * @param frame {Rectangle} The rectangle frame of the texture to show
  */
 PIXI.Texture = function(baseTexture, frame)
 {
@@ -9256,7 +10269,7 @@ PIXI.Texture = function(baseTexture, frame)
 	{
 		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
 		//console.log(frame)
-		
+
 		this.setFrame(frame);
 	}
 	else
@@ -9335,13 +10348,13 @@ PIXI.Texture.prototype.setFrame = function(frame)
 PIXI.Texture.fromImage = function(imageUrl, crossorigin)
 {
 	var texture = PIXI.TextureCache[imageUrl];
-	
+
 	if(!texture)
 	{
 		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
 		PIXI.TextureCache[imageUrl] = texture;
 	}
-	
+
 	return texture;
 }
 
@@ -9391,7 +10404,7 @@ PIXI.Texture.addTextureToCache = function(texture, id)
 }
 
 /**
- * Remove a texture from the textureCache. 
+ * Remove a texture from the textureCache.
  *
  * @static
  * @method removeTextureFromCache
@@ -9502,20 +10515,10 @@ PIXI.RenderTexture.prototype.initWebGL = function()
 	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
 
 	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
+	this.projection = new PIXI.Point(this.width/2 , -this.height/2);
 
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
 	// set the correct render function..
 	this.render = this.renderWebGL;
-
-	
 }
 
 
@@ -9525,14 +10528,10 @@ PIXI.RenderTexture.prototype.resize = function(width, height)
 	this.width = width;
 	this.height = height;
 	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
 	if(PIXI.gl)
 	{
 		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
+		this.projection.y = -this.height/2;
 	
 		var gl = PIXI.gl;
 		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
@@ -9592,20 +10591,21 @@ PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, cle
 	var children = displayObject.children;
 
 	//TODO -? create a new one??? dont think so!
+	var originalWorldTransform = displayObject.worldTransform;
 	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
 	// modify to flip...
 	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
+	displayObject.worldTransform[5] = this.projection.y * -2;
 
-	
 	if(position)
 	{
 		displayObject.worldTransform[2] = position.x;
 		displayObject.worldTransform[5] -= position.y;
 	}
 	
-
-
+	PIXI.visibleCount++;
+	displayObject.vcount = PIXI.visibleCount;
+	
 	for(var i=0,j=children.length; i<j; i++)
 	{
 		children[i].updateTransform();	
@@ -9617,19 +10617,21 @@ PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, cle
 	{
 		if(displayObject == renderGroup.root)
 		{
-			renderGroup.render(this.projection);
+			renderGroup.render(this.projection, this.glFramebuffer);
 		}
 		else
 		{
-			renderGroup.renderSpecific(displayObject, this.projection);
+			renderGroup.renderSpecific(displayObject, this.projection, this.glFramebuffer);
 		}
 	}
 	else
 	{
 		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
 		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
+		this.renderGroup.render(this.projection, this.glFramebuffer);
 	}
+	
+	displayObject.worldTransform = originalWorldTransform;
 }
 
 
@@ -9669,7 +10671,6 @@ PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, cl
   //  PIXI.texturesToUpdate.push(this.baseTexture);
 }
 
-
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -9726,8 +10727,8 @@ PIXI.AssetLoader = function(assetURLs, crossorigin)
         "xml":  PIXI.BitmapFontLoader,
         "fnt":  PIXI.BitmapFontLoader
     };
-    
-    
+
+
 };
 
 /**
@@ -9737,7 +10738,7 @@ PIXI.AssetLoader = function(assetURLs, crossorigin)
 
 /**
  * Fired when all the assets have loaded
- * @event onComplete 
+ * @event onComplete
  */
 
 // constructor
@@ -9757,7 +10758,7 @@ PIXI.AssetLoader.prototype.load = function()
     for (var i=0; i < this.assetURLs.length; i++)
 	{
 		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
+		var fileType = fileName.split("?").shift().split(".").pop().toLowerCase();
 
         var loaderClass = this.loadersByType[fileType];
         if(!loaderClass)
@@ -9784,7 +10785,7 @@ PIXI.AssetLoader.prototype.onAssetLoaded = function()
     this.loadCount--;
 	this.dispatchEvent({type: "onProgress", content: this});
 	if(this.onProgress) this.onProgress();
-	
+
 	if(this.loadCount == 0)
 	{
 		this.dispatchEvent({type: "onComplete", content: this});
@@ -9844,7 +10845,7 @@ PIXI.JsonLoader = function (url, crossorigin) {
 	 * @readOnly
 	 */
 	this.loaded = false;
-	
+
 };
 
 // constructor
@@ -9877,7 +10878,7 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 	if (this.ajaxRequest.readyState == 4) {
 		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
 			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
+
 			if(this.json.frames)
 			{
 				// sprite sheet
@@ -9885,12 +10886,12 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 				var textureUrl = this.baseUrl + this.json.meta.image;
 				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
 				var frameData = this.json.frames;
-			
+
 				this.texture = image.texture.baseTexture;
 				image.addEventListener("loaded", function (event) {
 					scope.onLoaded();
 				});
-			
+
 				for (var i in frameData) {
 					var rect = frameData[i].frame;
 					if (rect) {
@@ -9908,9 +10909,9 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 						}
 					}
 				}
-			
+
 				image.load();
-				
+
 			}
 			else if(this.json.bones)
 			{
@@ -10122,6 +11123,13 @@ PIXI.ImageLoader = function(url, crossorigin)
      * @type Texture
      */
     this.texture = PIXI.Texture.fromImage(url, crossorigin);
+
+    /**
+     * if the image is loaded with loadFramedSpriteSheet
+     * frames will contain the sprite sheet frames
+     *
+     */
+    this.frames = [];
 };
 
 // constructor
@@ -10159,6 +11167,50 @@ PIXI.ImageLoader.prototype.onLoaded = function()
     this.dispatchEvent({type: "loaded", content: this});
 };
 
+/**
+ * Loads image and split it to uniform sized frames
+ *
+ *
+ * @method loadFramedSpriteSheet
+ * @param frameWidth {Number} with of each frame
+ * @param frameHeight {Number} height of each frame
+ * @param textureName {String} if given, the frames will be cached in <textureName>-<ord> format 
+ */
+PIXI.ImageLoader.prototype.loadFramedSpriteSheet = function(frameWidth, frameHeight, textureName)
+{
+    this.frames = [];
+    var cols = Math.floor(this.texture.width / frameWidth);
+    var rows = Math.floor(this.texture.height / frameHeight);
+
+    var i=0;
+    for (var y=0; y<rows; y++)
+    {
+        for (var x=0; x<cols; x++,i++)
+        {
+            var texture = new PIXI.Texture(this.texture, {
+                x: x*frameWidth,
+                y: y*frameHeight,
+                width: frameWidth,
+                height: frameHeight
+            });
+
+            this.frames.push(texture);
+            if (textureName) PIXI.TextureCache[textureName+'-'+i] = texture;
+        }
+    }
+
+    if(!this.texture.baseTexture.hasLoaded)
+    {
+        var scope = this;
+        this.texture.baseTexture.addEventListener("loaded", function() {
+            scope.onLoaded();
+        });
+    }
+    else
+    {
+        this.onLoaded();
+    }
+};
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
@@ -10271,20 +11323,19 @@ PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
             {
                 var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
 
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
+                var textureRect = new PIXI.Rectangle(
+                    parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
+                );
 
                 data.chars[charCode] = {
                     xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
                     yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
                     xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
                     kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
+                    texture: PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect)
 
                 };
             }
@@ -10326,10 +11377,10 @@ PIXI.BitmapFontLoader.prototype.onLoaded = function()
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
+ *
  * Awesome JS run time provided by EsotericSoftware
  * https://github.com/EsotericSoftware/spine-runtimes
- * 
+ *
  */
 
 /**
@@ -10337,7 +11388,7 @@ PIXI.BitmapFontLoader.prototype.onLoaded = function()
  * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
  * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
  * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
+ * You will need to generate a sprite sheet to accompany the spine data
  * When loaded this class will dispatch a "loaded" event
  *
  * @class Spine
@@ -10346,7 +11397,7 @@ PIXI.BitmapFontLoader.prototype.onLoaded = function()
  * @param url {String} The url of the JSON file
  * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
  */
-PIXI.SpineLoader = function(url, crossorigin) 
+PIXI.SpineLoader = function(url, crossorigin)
 {
 	PIXI.EventTarget.call(this);
 
@@ -10384,7 +11435,7 @@ PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
  * @method load
  */
 PIXI.SpineLoader.prototype.load = function () {
-	
+
 	var scope = this;
 	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
 	jsonLoader.addEventListener("loaded", function (event) {
@@ -10403,7 +11454,7 @@ PIXI.SpineLoader.prototype.load = function () {
 PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
 	var spineJsonParser = new spine.SkeletonJson();
 	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
+
 	PIXI.AnimCache[this.url] = skeletonData;
 
 	this.onLoaded();
@@ -10421,18 +11472,1018 @@ PIXI.SpineLoader.prototype.onLoaded = function () {
 };
 
 
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * This is the base class for  creating a pixi.js filter. Currently only webGL supports filters.
+ * If you want to make a custom filter this should be your base class.
+ * @class AbstractFilter
+ * @constructor
+ * @param fragmentSrc
+ * @param uniforms  
+ */
+PIXI.AbstractFilter = function(fragmentSrc, uniforms)
+{
+	/**
+	* An array of passes - some filters contain a few steps this array simply stores the steps in a liniear fashion.
+	* For example the blur filter has two passes blurX and blurY.
+	* @property passes
+	* @type Array an array of filter objects
+	* @private
+	*/
+	this.passes = [this];
+
+
+	this.dirty = true;
+	this.padding = 0;
+
+	/**
+	@property uniforms
+	@private
+	*/
+	this.uniforms = uniforms || {};
+	
+	this.fragmentSrc = fragmentSrc || [];
+}
+
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * The ColorMatrixFilter class lets you apply a 4x4 matrix transformation on the RGBA 
+ * color and alpha values of every pixel on your displayObject to produce a result 
+ * with a new set of RGBA color and alpha values. Its pretty powerful!
+ * @class ColorMatrixFilter
+ * @contructor
+ */
+PIXI.ColorMatrixFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		matrix: {type: 'mat4', value: [1,0,0,0,
+									   0,1,0,0,
+									   0,0,1,0,
+									   0,0,0,1]},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float invert;",
+	  "uniform mat4 matrix;",
+	  "uniform sampler2D uSampler;",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord) * matrix;",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+	
+}
+
+PIXI.ColorMatrixFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.ColorMatrixFilter.prototype.constructor = PIXI.ColorMatrixFilter;
+
+/**
+ * Sets the matrix of the color matrix filter
+ *
+ * @property matrix
+ * @type Array and array of 26 numbers
+ * @default [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]
+ */
+Object.defineProperty(PIXI.ColorMatrixFilter.prototype, 'matrix', {
+    get: function() {
+        return this.uniforms.matrix.value;
+    },
+    set: function(value) {
+    	this.uniforms.matrix.value = value;
+    }
+});
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This turns your displayObjects to black and white.
+ * @class GrayFilter
+ * @contructor
+ */
+PIXI.GrayFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		gray: {type: '1f', value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform sampler2D uSampler;",
+	  "uniform float gray;",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord);",
+		"gl_FragColor.rgb = mix(gl_FragColor.rgb, vec3(0.2126*gl_FragColor.r + 0.7152*gl_FragColor.g + 0.0722*gl_FragColor.b), gray);",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+}
+
+PIXI.GrayFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.GrayFilter.prototype.constructor = PIXI.GrayFilter;
+
+/**
+The strength of the gray. 1 will make the object black and white, 0 will make the object its normal color
+@property gray
+*/
+Object.defineProperty(PIXI.GrayFilter.prototype, 'gray', {
+    get: function() {
+        return this.uniforms.gray.value;
+    },
+    set: function(value) {
+    	this.uniforms.gray.value = value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * The DisplacementFilter class uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object. 
+ * You can use this filter to apply all manor of crazy warping effects
+ * Currently the r property of the texture is used offset the x and the g propery of the texture is used to offset the y.
+ * @class DisplacementFilter
+ * @contructor
+ * @param texture {Texture} The texture used for the displacemtent map * must be power of 2 texture at the moment
+ */
+PIXI.DisplacementFilter = function(texture)
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	texture.baseTexture._powerOf2 = true;
+
+	// set the uniforms
+	//console.log()
+	this.uniforms = {
+		displacementMap: {type: 'sampler2D', value:texture},
+		scale:			 {type: '2f', value:{x:30, y:30}},
+		offset:			 {type: '2f', value:{x:0, y:0}},
+		mapDimensions:   {type: '2f', value:{x:1, y:5112}},
+		dimensions:   {type: '4fv', value:[0,0,0,0]}
+	};
+	
+
+	if(texture.baseTexture.hasLoaded)
+	{
+		this.uniforms.mapDimensions.value.x = texture.width;
+		this.uniforms.mapDimensions.value.y = texture.height;
+	}
+	else
+	{
+		this.boundLoadedFunction = this.onTextureLoaded.bind(this);
+
+		texture.baseTexture.on("loaded", this.boundLoadedFunction);
+	}
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform sampler2D displacementMap;",
+	  "uniform sampler2D uSampler;",
+	  "uniform vec2 scale;",
+	  "uniform vec2 offset;",
+	  "uniform vec4 dimensions;",
+	  "uniform vec2 mapDimensions;",// = vec2(256.0, 256.0);",
+	 // "const vec2 textureDimensions = vec2(750.0, 750.0);",
+	  
+	  "void main(void) {",
+	  	"vec2 mapCords = vTextureCoord.xy;",
+//	  	"mapCords -= ;",
+	 	"mapCords += (dimensions.zw + offset)/ dimensions.xy ;",
+	 	"mapCords.y *= -1.0;",
+	 	"mapCords.y += 1.0;",
+	  	"vec2 matSample = texture2D(displacementMap, mapCords).xy;",
+		"matSample -= 0.5;",	  
+	 	"matSample *= scale;",
+	 	"matSample /= mapDimensions;",
+	    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x + matSample.x, vTextureCoord.y + matSample.y));",
+		"gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb, 1.0);",
+		"vec2 cord = vTextureCoord;",
+		
+		//"gl_FragColor =  texture2D(displacementMap, cord);",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	    
+	  "}"
+	];
+	
+}
+
+PIXI.DisplacementFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.DisplacementFilter.prototype.constructor = PIXI.DisplacementFilter;
+
+PIXI.DisplacementFilter.prototype.onTextureLoaded = function()
+{
+	
+	this.uniforms.mapDimensions.value.x = this.uniforms.displacementMap.value.width;
+	this.uniforms.mapDimensions.value.y = this.uniforms.displacementMap.value.height;
+
+	this.uniforms.displacementMap.value.baseTexture.off("loaded", this.boundLoadedFunction)
+
+}
+
+/**
+ * The texture used for the displacemtent map * must be power of 2 texture at the moment
+ *
+ * @property map
+ * @type Texture
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, 'map', {
+    get: function() {
+        return this.uniforms.displacementMap.value;
+    },
+    set: function(value) {
+    	this.uniforms.displacementMap.value = value;
+    }
+});
+
+/**
+ * The multiplier used to scale the displacement result from the map calculation.
+ *
+ * @property scale
+ * @type Point
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, 'scale', {
+    get: function() {
+        return this.uniforms.scale.value;
+    },
+    set: function(value) {
+    	this.uniforms.scale.value = value;
+    }
+});
+
+/**
+ * The offset used to move the displacement map.
+ *
+ * @property offset
+ * @type Point
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, 'offset', {
+    get: function() {
+        return this.uniforms.offset.value;
+    },
+    set: function(value) {
+    	this.uniforms.offset.value = value;
+    }
+});
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This filter applies a pixlate effect making display objects appear "blocky"
+ * @class PixelateFilter
+ * @contructor
+ */
+PIXI.PixelateFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		invert: {type: '1f', value: 0},
+		dimensions: {type: '4fv', value:new Float32Array([10000, 100, 10, 10])},
+		pixelSize: {type: '2f', value:{x:10, y:10}},
+	};
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec2 testDim;",
+	  "uniform vec4 dimensions;",
+	  "uniform vec2 pixelSize;",
+	  "uniform sampler2D uSampler;",
+	  "void main(void) {",
+	 	"vec2 coord = vTextureCoord;",
+
+	 	"vec2 size = dimensions.xy/pixelSize;",
+
+	 	"vec2 color = floor( ( vTextureCoord * size ) ) / size + pixelSize/dimensions.xy * 0.5;",
+	    "gl_FragColor = texture2D(uSampler, color);",
+	  "}"
+	];
+	
+
+}
+
+PIXI.PixelateFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.PixelateFilter.prototype.constructor = PIXI.PixelateFilter;
+
+/**
+ * 
+ * This a point that describes the size of the blocs. x is the width of the block and y is the the height
+ * @property size
+ * @type Point
+ */
+Object.defineProperty(PIXI.PixelateFilter.prototype, 'size', {
+    get: function() {
+        return this.uniforms.pixelSize.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.pixelSize.value = value;
+    }
+});
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.BlurXFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: '1f', value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float blur;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	"vec4 sum = vec4(0.0);",
+
+	  	"sum += texture2D(uSampler, vec2(vTextureCoord.x - 4.0*blur, vTextureCoord.y)) * 0.05;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x - 3.0*blur, vTextureCoord.y)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x - 2.0*blur, vTextureCoord.y)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x - blur, vTextureCoord.y)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + blur, vTextureCoord.y)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + 2.0*blur, vTextureCoord.y)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + 3.0*blur, vTextureCoord.y)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + 4.0*blur, vTextureCoord.y)) * 0.05;",
+	 
+		"gl_FragColor = sum;",
+
+	  "}"
+	];
+}
+
+PIXI.BlurXFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.BlurXFilter.prototype.constructor = PIXI.BlurXFilter;
+
+
+Object.defineProperty(PIXI.BlurXFilter.prototype, 'blur', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    
+    	this.dirty = true;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.BlurYFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: '1f', value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float blur;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	"vec4 sum = vec4(0.0);",
+
+	  	"sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 4.0*blur)) * 0.05;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 3.0*blur)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 2.0*blur)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - blur)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + blur)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 2.0*blur)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 3.0*blur)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 4.0*blur)) * 0.05;",
+	 
+		"gl_FragColor = sum;",
+
+	  "}"
+	];
+}
+
+PIXI.BlurYFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.BlurYFilter.prototype.constructor = PIXI.BlurYFilter;
+
+Object.defineProperty(PIXI.BlurYFilter.prototype, 'blur', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    	//this.padding = value;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * The BlurFilter applies a Gaussian blur to an object. 
+ * The strength of the blur can be set for x- and y-axis separately (always relative to the stage).
+ *
+ * @class BlurFilter
+ * @contructor
+ */
+PIXI.BlurFilter = function()
+{
+    
+	this.blurXFilter = new PIXI.BlurXFilter();
+	this.blurYFilter = new PIXI.BlurYFilter();
+
+	this.passes =[this.blurXFilter, this.blurYFilter];
+	
+}
+
+/**
+ * Sets the strength of both the blurX and blurY properties simultaneously
+ *
+ * @property blur
+ * @type Number the strength of the blur
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, 'blur', {
+    get: function() {
+        return this.blurXFilter.blur;
+    },
+    set: function(value) {
+  		this.blurXFilter.blur = this.blurYFilter.blur = value;
+    }
+});
+
+/**
+ * Sets the strength of the blurX property simultaneously
+ *
+ * @property blurX
+ * @type Number the strength of the blurX
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, 'blurX', {
+    get: function() {
+        return this.blurXFilter.blur;
+    },
+    set: function(value) {
+    	this.blurXFilter.blur = value;
+    }
+});
+
+/**
+ * Sets the strength of the blurX property simultaneously
+ *
+ * @property blurY
+ * @type Number the strength of the blurY
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, 'blurY', {
+    get: function() {
+        return this.blurYFilter.blur;
+    },
+    set: function(value) {
+    	this.blurYFilter.blur = value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This inverts your displayObjects colors.
+ * @class InvertFilter
+ * @contructor
+ */
+PIXI.InvertFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		invert: {type: '1f', value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float invert;",
+	  "uniform sampler2D uSampler;",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord);",
+		"gl_FragColor.rgb = mix( (vec3(1)-gl_FragColor.rgb) * gl_FragColor.a, gl_FragColor.rgb, 1.0 - invert);",
+		//"gl_FragColor.rgb = gl_FragColor.rgb  * gl_FragColor.a;",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+	
+}
+
+PIXI.InvertFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.InvertFilter.prototype.constructor = PIXI.InvertFilter;
+
+/**
+The strength of the invert. 1 will fully invert the colors, 0 will make the object its normal color
+@property invert
+*/
+Object.defineProperty(PIXI.InvertFilter.prototype, 'invert', {
+    get: function() {
+        return this.uniforms.invert.value;
+    },
+    set: function(value) {
+    	this.uniforms.invert.value = value;
+    }
+});
+/**
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This applies a sepia effect to your displayObjects.
+ * @class SepiaFilter
+ * @contructor
+ */
+PIXI.SepiaFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		sepia: {type: '1f', value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float sepia;",
+	  "uniform sampler2D uSampler;",
+	 	   
+	  "const mat3 sepiaMatrix = mat3(0.3588, 0.7044, 0.1368, 0.2990, 0.5870, 0.1140, 0.2392, 0.4696, 0.0912);",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord);",
+		"gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb * sepiaMatrix, sepia);",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+	
+}
+
+PIXI.SepiaFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.SepiaFilter.prototype.constructor = PIXI.SepiaFilter;
+
+/**
+The strength of the sepia. 1 will apply the full sepia effect, 0 will make the object its normal color
+@property sepia
+*/
+Object.defineProperty(PIXI.SepiaFilter.prototype, 'sepia', {
+    get: function() {
+        return this.uniforms.sepia.value;
+    },
+    set: function(value) {
+    	this.uniforms.sepia.value = value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This filter applies a pixlate effect making display objects appear "blocky"
+ * @class PixelateFilter
+ * @contructor
+ */
+PIXI.TwistFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		radius: {type: '1f', value:0.5},
+		angle: {type: '1f', value:5},
+		offset: {type: '2f', value:{x:0.5, y:0.5}},
+	};
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec4 dimensions;",
+	  "uniform sampler2D uSampler;",
+	  
+	  "uniform float radius;",
+      "uniform float angle;",
+      "uniform vec2 offset;",
+
+	  "void main(void) {",
+	 	"vec2 coord = vTextureCoord - offset;",
+		"float distance = length(coord);",
+	 	
+	 	"if (distance < radius){",
+
+		 	"float ratio = (radius - distance) / radius;",
+		 	"float angleMod = ratio * ratio * angle;",
+		 	"float s = sin(angleMod);",
+		 	"float c = cos(angleMod);",
+		 	"coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);",
+
+	 	"}",
+
+	    "gl_FragColor = texture2D(uSampler, coord+offset);",
+	  "}"
+	];
+}
+
+PIXI.TwistFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.TwistFilter.prototype.constructor = PIXI.TwistFilter;
+
+/**
+ * 
+ * This point describes the the offset of the twist
+ * @property size
+ * @type Point
+ */
+Object.defineProperty(PIXI.TwistFilter.prototype, 'offset', {
+    get: function() {
+        return this.uniforms.offset.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.offset.value = value;
+    }
+});
+
+/**
+ * 
+ * This radius describes size of the twist
+ * @property size
+ * @type Number
+ */
+Object.defineProperty(PIXI.TwistFilter.prototype, 'radius', {
+    get: function() {
+        return this.uniforms.radius.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.radius.value = value;
+    }
+});
+
+/**
+ * 
+ * This radius describes angle of the twist
+ * @property angle
+ * @type Number
+ */
+Object.defineProperty(PIXI.TwistFilter.prototype, 'angle', {
+    get: function() {
+        return this.uniforms.angle.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.angle.value = value;
+    }
+});
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This turns your displayObjects to black and white.
+ * @class ColorStepFilter
+ * @contructor
+ */
+PIXI.ColorStepFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		step: {type: '1f', value: 5},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform sampler2D uSampler;",
+	  "uniform float step;",
+	  "void main(void) {",
+	    "vec4 color = texture2D(uSampler, vTextureCoord);",
+	    "color = floor(color * step) / step;",
+	    "gl_FragColor = color * vColor;",
+	  "}"
+	];
+}
+
+PIXI.ColorStepFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.ColorStepFilter.prototype.constructor = PIXI.ColorStepFilter;
+
+/**
+The number of steps.
+@property step
+*/
+Object.defineProperty(PIXI.ColorStepFilter.prototype, 'step', {
+    get: function() {
+        return this.uniforms.step.value;
+    },
+    set: function(value) {
+    	this.uniforms.step.value = value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ * original filter: https://github.com/evanw/glfx.js/blob/master/src/filters/fun/dotscreen.js
+ */
+
+/**
+ * 
+ * This filter applies a pixlate effect making display objects appear "blocky"
+ * @class PixelateFilter
+ * @contructor
+ */
+PIXI.DotScreenFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		scale: {type: '1f', value:1},
+		angle: {type: '1f', value:5},
+		dimensions:   {type: '4fv', value:[0,0,0,0]}
+	};
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec4 dimensions;",
+	  "uniform sampler2D uSampler;",
+
+	    "uniform float angle;",
+	    "uniform float scale;",
+
+	    "float pattern() {",
+	    	"float s = sin(angle), c = cos(angle);",
+	    	"vec2 tex = vTextureCoord * dimensions.xy;",
+	    	"vec2 point = vec2(",
+	    		"c * tex.x - s * tex.y,",
+	    		"s * tex.x + c * tex.y",
+	    	") * scale;",
+	    	"return (sin(point.x) * sin(point.y)) * 4.0;",
+	    "}",
+
+	    "void main() {",
+            "vec4 color = texture2D(uSampler, vTextureCoord);",
+            "float average = (color.r + color.g + color.b) / 3.0;",
+            "gl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);",
+        "}",
+	];
+}
+
+PIXI.DotScreenFilter.prototype = Object.create( PIXI.DotScreenFilter.prototype );
+PIXI.DotScreenFilter.prototype.constructor = PIXI.DotScreenFilter;
+
+/**
+ * 
+ * This describes the the scale
+ * @property scale
+ * @type Number
+ */
+Object.defineProperty(PIXI.DotScreenFilter.prototype, 'scale', {
+    get: function() {
+        return this.uniforms.scale.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.scale.value = value;
+    }
+});
+
+/**
+ * 
+ * This radius describes angle
+ * @property angle
+ * @type Number
+ */
+Object.defineProperty(PIXI.DotScreenFilter.prototype, 'angle', {
+    get: function() {
+        return this.uniforms.angle.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.angle.value = value;
+    }
+});
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.CrossHatchFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: '1f', value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float blur;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	
+	    
+		"    float lum = length(texture2D(uSampler, vTextureCoord.xy).rgb);",
+		"     ",
+		"    gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);",
+		"     ",
+		"    if (lum < 1.00) {",
+		"        if (mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"     ",
+		"    if (lum < 0.75) {",
+		"        if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"     ",
+		"    if (lum < 0.50) {",
+		"        if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"     ",
+		"    if (lum < 0.3) {",
+		"        if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"}"
+	];
+}
+
+PIXI.CrossHatchFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.CrossHatchFilter.prototype.constructor = PIXI.BlurYFilter;
+
+Object.defineProperty(PIXI.CrossHatchFilter.prototype, 'blur', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    	//this.padding = value;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.RGBSplitFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		red: {type: '2f', value: {x:20, y:20}},
+		green: {type: '2f', value: {x:-20, y:20}},
+		blue: {type: '2f', value: {x:20, y:-20}},
+		dimensions:   {type: '4fv', value:[0,0,0,0]}
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec2 red;",
+	  "uniform vec2 green;",
+	  "uniform vec2 blue;",
+	  "uniform vec4 dimensions;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	  "gl_FragColor.r = texture2D(uSampler, vTextureCoord + red/dimensions.xy).r;",
+	  	  "gl_FragColor.g = texture2D(uSampler, vTextureCoord + green/dimensions.xy).g;",
+	  	  "gl_FragColor.b = texture2D(uSampler, vTextureCoord + blue/dimensions.xy).b;",
+	  	  "gl_FragColor.a = texture2D(uSampler, vTextureCoord).a;",
+	  "}"
+	];
+}
+
+PIXI.RGBSplitFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.RGBSplitFilter.prototype.constructor = PIXI.RGBSplitFilter;
+
+Object.defineProperty(PIXI.RGBSplitFilter.prototype, 'angle', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    	//this.padding = value;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
+
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+    if (typeof exports !== 'undefined') {
+        if (typeof module !== 'undefined' && module.exports) {
+            exports = module.exports = PIXI;
+        }
+        exports.PIXI = PIXI;
+    } else if (typeof define !== 'undefined' && define.amd) {
+        define(PIXI);
+    } else {
+        root.PIXI = PIXI;
+    }
+}).call(this);
+//@ sourceMappingURL=pixi.dev.js.map
\ No newline at end of file
diff --git a/bin/pixi.dev.js.map b/bin/pixi.dev.js.map
new file mode 100644
index 0000000..54d8e58
--- /dev/null
+++ b/bin/pixi.dev.js.map
@@ -0,0 +1,72 @@
+{
+  "version": 3,
+  "file": "pixi.dev.js",
+  "sources": [
+    "src/pixi/Intro.js",
+    "src/pixi/Pixi.js",
+    "src/pixi/core/Point.js",
+    "src/pixi/core/Rectangle.js",
+    "src/pixi/core/Polygon.js",
+    "src/pixi/core/Circle.js",
+    "src/pixi/core/Ellipse.js",
+    "src/pixi/core/Matrix.js",
+    "src/pixi/display/DisplayObject.js",
+    "src/pixi/display/DisplayObjectContainer.js",
+    "src/pixi/display/Sprite.js",
+    "src/pixi/display/MovieClip.js",
+    "src/pixi/filters/FilterBlock.js",
+    "src/pixi/text/Text.js",
+    "src/pixi/text/BitmapText.js",
+    "src/pixi/InteractionManager.js",
+    "src/pixi/display/Stage.js",
+    "src/pixi/utils/Utils.js",
+    "src/pixi/utils/EventTarget.js",
+    "src/pixi/utils/Detector.js",
+    "src/pixi/utils/Polyk.js",
+    "src/pixi/renderers/webgl/WebGLShaders.js",
+    "src/pixi/renderers/webgl/PixiShader.js",
+    "src/pixi/renderers/webgl/StripShader.js",
+    "src/pixi/renderers/webgl/PrimitiveShader.js",
+    "src/pixi/renderers/webgl/WebGLGraphics.js",
+    "src/pixi/renderers/webgl/WebGLRenderer.js",
+    "src/pixi/renderers/webgl/WebGLBatch.js",
+    "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+    "src/pixi/renderers/webgl/WebGLFilterManager.js",
+    "src/pixi/renderers/canvas/CanvasRenderer.js",
+    "src/pixi/renderers/canvas/CanvasGraphics.js",
+    "src/pixi/primitives/Graphics.js",
+    "src/pixi/extras/Strip.js",
+    "src/pixi/extras/Rope.js",
+    "src/pixi/extras/TilingSprite.js",
+    "src/pixi/extras/Spine.js",
+    "src/pixi/extras/CustomRenderable.js",
+    "src/pixi/textures/BaseTexture.js",
+    "src/pixi/textures/Texture.js",
+    "src/pixi/textures/RenderTexture.js",
+    "src/pixi/loaders/AssetLoader.js",
+    "src/pixi/loaders/JsonLoader.js",
+    "src/pixi/loaders/SpriteSheetLoader.js",
+    "src/pixi/loaders/ImageLoader.js",
+    "src/pixi/loaders/BitmapFontLoader.js",
+    "src/pixi/loaders/SpineLoader.js",
+    "src/pixi/filters/AbstractFilter.js",
+    "src/pixi/filters/ColorMatrixFilter.js",
+    "src/pixi/filters/GrayFilter.js",
+    "src/pixi/filters/DisplacementFilter.js",
+    "src/pixi/filters/PixelateFilter.js",
+    "src/pixi/filters/BlurXFilter.js",
+    "src/pixi/filters/BlurYFilter.js",
+    "src/pixi/filters/BlurFilter.js",
+    "src/pixi/filters/InvertFilter.js",
+    "src/pixi/filters/SepiaFilter.js",
+    "src/pixi/filters/TwistFilter.js",
+    "src/pixi/filters/ColorStepFilter.js",
+    "src/pixi/filters/DotScreenFilter.js",
+    "src/pixi/filters/CrossHatchFilter.js",
+    "src/pixi/filters/RGBSplitFilter.js",
+    "src/pixi/Outro.js"
+  ],
+  "names": [],
+  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACrFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC5EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACzEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACtFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACpSA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sB;AC9jBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACnMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AClRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACnKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC/rBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACrIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC7IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACpJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACxHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACnSA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AChEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACxDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACnhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC1WA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC7jBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACtgCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC/gBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC3XA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC/OA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AChTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC9KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AC9FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACn7CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACxDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACzJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACnNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACvPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACzHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,E;ACpKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACxIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,E;ACjHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACjKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AChGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AC1DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AClDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;ACtIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AC7DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACtDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;AClDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;ACrFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;ACjDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,c",
+  "sourceRoot": "../"
+}
\ No newline at end of file
diff --git a/bin/pixi.js b/bin/pixi.js
index 6ff15fa..66fdf36 100644
--- a/bin/pixi.js
+++ b/bin/pixi.js
@@ -4,12 +4,13 @@
  * Copyright (c) 2012, Mat Groves
  * http://goodboydigital.com/
  *
- * Compiled: 2013-07-24
+ * Compiled: 2013-12-03
  *
  * Pixi.JS is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license.php
  */
-(function(){function t(){return n.Matrix="undefined"!=typeof Float32Array?Float32Array:Array,n.Matrix}function e(t){return[(255&t>>16)/255,(255&t>>8)/255,(255&t)/255]}function e(t){return[(255&t>>16)/255,(255&t>>8)/255,(255&t)/255]}var i=this,n=n||{};n.Point=function(t,e){this.x=t||0,this.y=e||0},n.Point.prototype.clone=function(){return new n.Point(this.x,this.y)},n.Point.prototype.constructor=n.Point,n.Rectangle=function(t,e,i,r){this.x=t||0,this.y=e||0,this.width=i||0,this.height=r||0},n.Rectangle.prototype.clone=function(){return new n.Rectangle(this.x,this.y,this.width,this.height)},n.Rectangle.prototype.contains=function(t,e){if(0>=this.width||0>=this.height)return!1;var i=this.x;if(t>i&&i+this.width>t){var r=this.y;if(e>r&&r+this.height>e)return!0}return!1},n.Rectangle.prototype.constructor=n.Rectangle,n.Polygon=function(t){if(t instanceof Array||(t=Array.prototype.slice.call(arguments)),"number"==typeof t[0]){for(var e=[],i=0,r=t.length;r>i;i+=2)e.push(new n.Point(t[i],t[i+1]));t=e}this.points=t},n.Polygon.prototype.clone=function(){for(var t=[],e=0;this.points.length>e;e++)t.push(this.points[e].clone());return new n.Polygon(t)},n.Polygon.prototype.contains=function(t,e){for(var i=!1,r=0,n=this.points.length-1;this.points.length>r;n=r++){var s=this.points[r].x,o=this.points[r].y,a=this.points[n].x,h=this.points[n].y,l=o>e!=h>e&&(a-s)*(e-o)/(h-o)+s>t;l&&(i=!i)}return i},n.Polygon.prototype.constructor=n.Polygon,n.Circle=function(t,e,i){this.x=t||0,this.y=e||0,this.radius=i||0},n.Circle.prototype.clone=function(){return new n.Circle(this.x,this.y,this.radius)},n.Circle.prototype.contains=function(t,e){if(0>=this.radius)return!1;var i=this.x-t,r=this.y-e,n=this.radius*this.radius;return i*=i,r*=r,n>=i+r},n.Circle.prototype.constructor=n.Circle,n.Ellipse=function(t,e,i,r){this.x=t||0,this.y=e||0,this.width=i||0,this.height=r||0},n.Ellipse.prototype.clone=function(){return new n.Ellipse(this.x,this.y,this.width,this.height)},n.Ellipse.prototype.contains=function(t,e){if(0>=this.width||0>=this.height)return!1;var i=(t-this.x)/this.width-.5,r=(e-this.y)/this.height-.5;return i*=i,r*=r,.25>i+r},n.Ellipse.getBounds=function(){return new n.Rectangle(this.x,this.y,this.width,this.height)},n.Ellipse.prototype.constructor=n.Ellipse,t(),n.mat3={},n.mat3.create=function(){var t=new n.Matrix(9);return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=1,t[5]=0,t[6]=0,t[7]=0,t[8]=1,t},n.mat3.identity=function(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=1,t[5]=0,t[6]=0,t[7]=0,t[8]=1,t},n.mat4={},n.mat4.create=function(){var t=new n.Matrix(16);return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t},n.mat3.multiply=function(t,e,i){i||(i=t);var r=t[0],n=t[1],s=t[2],o=t[3],a=t[4],h=t[5],l=t[6],u=t[7],c=t[8],p=e[0],d=e[1],f=e[2],v=e[3],m=e[4],g=e[5],x=e[6],b=e[7],y=e[8];return i[0]=p*r+d*o+f*l,i[1]=p*n+d*a+f*u,i[2]=p*s+d*h+f*c,i[3]=v*r+m*o+g*l,i[4]=v*n+m*a+g*u,i[5]=v*s+m*h+g*c,i[6]=x*r+b*o+y*l,i[7]=x*n+b*a+y*u,i[8]=x*s+b*h+y*c,i},n.mat3.clone=function(t){var e=new n.Matrix(9);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e},n.mat3.transpose=function(t,e){if(!e||t===e){var i=t[1],r=t[2],n=t[5];return t[1]=t[3],t[2]=t[6],t[3]=i,t[5]=t[7],t[6]=r,t[7]=n,t}return e[0]=t[0],e[1]=t[3],e[2]=t[6],e[3]=t[1],e[4]=t[4],e[5]=t[7],e[6]=t[2],e[7]=t[5],e[8]=t[8],e},n.mat3.toMat4=function(t,e){return e||(e=n.mat4.create()),e[15]=1,e[14]=0,e[13]=0,e[12]=0,e[11]=0,e[10]=t[8],e[9]=t[7],e[8]=t[6],e[7]=0,e[6]=t[5],e[5]=t[4],e[4]=t[3],e[3]=0,e[2]=t[2],e[1]=t[1],e[0]=t[0],e},n.mat4.create=function(){var t=new n.Matrix(16);return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t},n.mat4.transpose=function(t,e){if(!e||t===e){var i=t[1],r=t[2],n=t[3],s=t[6],o=t[7],a=t[11];return t[1]=t[4],t[2]=t[8],t[3]=t[12],t[4]=i,t[6]=t[9],t[7]=t[13],t[8]=r,t[9]=s,t[11]=t[14],t[12]=n,t[13]=o,t[14]=a,t}return e[0]=t[0],e[1]=t[4],e[2]=t[8],e[3]=t[12],e[4]=t[1],e[5]=t[5],e[6]=t[9],e[7]=t[13],e[8]=t[2],e[9]=t[6],e[10]=t[10],e[11]=t[14],e[12]=t[3],e[13]=t[7],e[14]=t[11],e[15]=t[15],e},n.mat4.multiply=function(t,e,i){i||(i=t);var r=t[0],n=t[1],s=t[2],o=t[3],a=t[4],h=t[5],l=t[6],u=t[7],c=t[8],p=t[9],d=t[10],f=t[11],v=t[12],m=t[13],g=t[14],x=t[15],b=e[0],y=e[1],T=e[2],_=e[3];return i[0]=b*r+y*a+T*c+_*v,i[1]=b*n+y*h+T*p+_*m,i[2]=b*s+y*l+T*d+_*g,i[3]=b*o+y*u+T*f+_*x,b=e[4],y=e[5],T=e[6],_=e[7],i[4]=b*r+y*a+T*c+_*v,i[5]=b*n+y*h+T*p+_*m,i[6]=b*s+y*l+T*d+_*g,i[7]=b*o+y*u+T*f+_*x,b=e[8],y=e[9],T=e[10],_=e[11],i[8]=b*r+y*a+T*c+_*v,i[9]=b*n+y*h+T*p+_*m,i[10]=b*s+y*l+T*d+_*g,i[11]=b*o+y*u+T*f+_*x,b=e[12],y=e[13],T=e[14],_=e[15],i[12]=b*r+y*a+T*c+_*v,i[13]=b*n+y*h+T*p+_*m,i[14]=b*s+y*l+T*d+_*g,i[15]=b*o+y*u+T*f+_*x,i},n.DisplayObject=function(){this.last=this,this.first=this,this.position=new n.Point,this.scale=new n.Point(1,1),this.pivot=new n.Point(0,0),this.rotation=0,this.alpha=1,this.visible=!0,this.hitArea=null,this.buttonMode=!1,this.renderable=!1,this.worldVisible=!1,this.parent=null,this.stage=null,this.childIndex=0,this.worldAlpha=1,this._interactive=!1,this.worldTransform=n.mat3.create(),this.localTransform=n.mat3.create(),this.color=[],this.dynamic=!0,this._sr=0,this._cr=1},n.DisplayObject.prototype.constructor=n.DisplayObject,n.DisplayObject.prototype.setInteractive=function(t){this.interactive=t},Object.defineProperty(n.DisplayObject.prototype,"interactive",{get:function(){return this._interactive},set:function(t){this._interactive=t,this.stage&&(this.stage.dirty=!0)}}),Object.defineProperty(n.DisplayObject.prototype,"mask",{get:function(){return this._mask},set:function(t){this._mask=t,t?this.addFilter(t):this.removeFilter()}}),n.DisplayObject.prototype.addFilter=function(t){if(!this.filter){this.filter=!0;var e=new n.FilterBlock,i=new n.FilterBlock;e.mask=t,i.mask=t,e.first=e.last=this,i.first=i.last=this,e.open=!0;var r,s,o=e,a=e;s=this.first._iPrev,s?(r=s._iNext,o._iPrev=s,s._iNext=o):r=this,r&&(r._iPrev=a,a._iNext=r);var o=i,a=i,r=null,s=null;s=this.last,r=s._iNext,r&&(r._iPrev=a,a._iNext=r),o._iPrev=s,s._iNext=o;for(var h=this,l=this.last;h;)h.last==l&&(h.last=i),h=h.parent;this.first=e,this.__renderGroup&&this.__renderGroup.addFilterBlocks(e,i),t.renderable=!1}},n.DisplayObject.prototype.removeFilter=function(){if(this.filter){this.filter=!1;var t=this.first,e=t._iNext,i=t._iPrev;e&&(e._iPrev=i),i&&(i._iNext=e),this.first=t._iNext;var r=this.last,e=r._iNext,i=r._iPrev;e&&(e._iPrev=i),i._iNext=e;for(var n=r._iPrev,s=this;s.last==r&&(s.last=n,s=s.parent););var o=t.mask;o.renderable=!0,this.__renderGroup&&this.__renderGroup.removeFilterBlocks(t,r)}},n.DisplayObject.prototype.updateTransform=function(){this.rotation!=this.rotationCache&&(this.rotationCache=this.rotation,this._sr=Math.sin(this.rotation),this._cr=Math.cos(this.rotation));var t=this.localTransform,e=this.parent.worldTransform,i=this.worldTransform;t[0]=this._cr*this.scale.x,t[1]=-this._sr*this.scale.y,t[3]=this._sr*this.scale.x,t[4]=this._cr*this.scale.y;var r=this.pivot.x,n=this.pivot.y,s=t[0],o=t[1],a=this.position.x-t[0]*r-n*t[1],h=t[3],l=t[4],u=this.position.y-t[4]*n-r*t[3],c=e[0],p=e[1],d=e[2],f=e[3],v=e[4],m=e[5];t[2]=a,t[5]=u,i[0]=c*s+p*h,i[1]=c*o+p*l,i[2]=c*a+p*u+d,i[3]=f*s+v*h,i[4]=f*o+v*l,i[5]=f*a+v*u+m,this.worldAlpha=this.alpha*this.parent.worldAlpha},n.DisplayObjectContainer=function(){n.DisplayObject.call(this),this.children=[]},n.DisplayObjectContainer.prototype=Object.create(n.DisplayObject.prototype),n.DisplayObjectContainer.prototype.constructor=n.DisplayObjectContainer,n.DisplayObjectContainer.prototype.addChild=function(t){if(void 0!=t.parent&&t.parent.removeChild(t),t.parent=this,t.childIndex=this.children.length,this.children.push(t),this.stage){var e=t;do e.interactive&&(this.stage.dirty=!0),e.stage=this.stage,e=e._iNext;while(e)}var i,r,n=t.first,s=t.last;r=this.filter?this.last._iPrev:this.last,i=r._iNext;for(var o=this,a=r;o;)o.last==a&&(o.last=t.last),o=o.parent;i&&(i._iPrev=s,s._iNext=i),n._iPrev=r,r._iNext=n,this.__renderGroup&&(t.__renderGroup&&t.__renderGroup.removeDisplayObjectAndChildren(t),this.__renderGroup.addDisplayObjectAndChildren(t))},n.DisplayObjectContainer.prototype.addChildAt=function(t,e){if(!(e>=0&&this.children.length>=e))throw Error(t+" The index "+e+" supplied is out of bounds "+this.children.length);if(void 0!=t.parent&&t.parent.removeChild(t),t.parent=this,this.stage){var i=t;do i.interactive&&(this.stage.dirty=!0),i.stage=this.stage,i=i._iNext;while(i)}var r,n,s=t.first,o=t.last;if(e==this.children.length){n=this.last;for(var a=this,h=this.last;a;)a.last==h&&(a.last=t.last),a=a.parent}else n=0==e?this:this.children[e-1].last;r=n._iNext,r&&(r._iPrev=o,o._iNext=r),s._iPrev=n,n._iNext=s,this.children.splice(e,0,t),this.__renderGroup&&(t.__renderGroup&&t.__renderGroup.removeDisplayObjectAndChildren(t),this.__renderGroup.addDisplayObjectAndChildren(t))},n.DisplayObjectContainer.prototype.swapChildren=function(){},n.DisplayObjectContainer.prototype.getChildAt=function(t){if(t>=0&&this.children.length>t)return this.children[t];throw Error(child+" Both the supplied DisplayObjects must be a child of the caller "+this)},n.DisplayObjectContainer.prototype.removeChild=function(t){var e=this.children.indexOf(t);if(-1===e)throw Error(t+" The supplied DisplayObject must be a child of the caller "+this);var i=t.first,r=t.last,n=r._iNext,s=i._iPrev;if(n&&(n._iPrev=s),s._iNext=n,this.last==r)for(var o=i._iPrev,a=this;a.last==r.last&&(a.last=o,a=a.parent););if(r._iNext=null,i._iPrev=null,this.stage){var h=t;do h.interactive&&(this.stage.dirty=!0),h.stage=null,h=h._iNext;while(h)}t.__renderGroup&&t.__renderGroup.removeDisplayObjectAndChildren(t),t.parent=void 0,this.children.splice(e,1)},n.DisplayObjectContainer.prototype.updateTransform=function(){if(this.visible){n.DisplayObject.prototype.updateTransform.call(this);for(var t=0,e=this.children.length;e>t;t++)this.children[t].updateTransform()}},n.blendModes={},n.blendModes.NORMAL=0,n.blendModes.SCREEN=1,n.Sprite=function(t){n.DisplayObjectContainer.call(this),this.anchor=new n.Point,this.texture=t,this.blendMode=n.blendModes.NORMAL,this._width=0,this._height=0,t.baseTexture.hasLoaded?this.updateFrame=!0:(this.onTextureUpdateBind=this.onTextureUpdate.bind(this),this.texture.addEventListener("update",this.onTextureUpdateBind)),this.renderable=!0},n.Sprite.prototype=Object.create(n.DisplayObjectContainer.prototype),n.Sprite.prototype.constructor=n.Sprite,Object.defineProperty(n.Sprite.prototype,"width",{get:function(){return this.scale.x*this.texture.frame.width},set:function(t){this.scale.x=t/this.texture.frame.width,this._width=t}}),Object.defineProperty(n.Sprite.prototype,"height",{get:function(){return this.scale.y*this.texture.frame.height},set:function(t){this.scale.y=t/this.texture.frame.height,this._height=t}}),n.Sprite.prototype.setTexture=function(t){this.texture.baseTexture!=t.baseTexture&&(this.textureChange=!0),this.texture=t,this.updateFrame=!0},n.Sprite.prototype.onTextureUpdate=function(){this._width&&(this.scale.x=this._width/this.texture.frame.width),this._height&&(this.scale.y=this._height/this.texture.frame.height),this.updateFrame=!0},n.Sprite.fromFrame=function(t){var e=n.TextureCache[t];if(!e)throw Error("The frameId '"+t+"' does not exist in the texture cache"+this);return new n.Sprite(e)},n.Sprite.fromImage=function(t){var e=n.Texture.fromImage(t);return new n.Sprite(e)},n.MovieClip=function(t){n.Sprite.call(this,t[0]),this.textures=t,this.animationSpeed=1,this.loop=!0,this.onComplete=null,this.currentFrame=0,this.playing=!1},n.MovieClip.prototype=Object.create(n.Sprite.prototype),n.MovieClip.prototype.constructor=n.MovieClip,n.MovieClip.prototype.stop=function(){this.playing=!1},n.MovieClip.prototype.play=function(){this.playing=!0},n.MovieClip.prototype.gotoAndStop=function(t){this.playing=!1,this.currentFrame=t;var e=0|this.currentFrame+.5;this.setTexture(this.textures[e%this.textures.length])},n.MovieClip.prototype.gotoAndPlay=function(t){this.currentFrame=t,this.playing=!0},n.MovieClip.prototype.updateTransform=function(){if(n.Sprite.prototype.updateTransform.call(this),this.playing){this.currentFrame+=this.animationSpeed;var t=0|this.currentFrame+.5;this.loop||this.textures.length>t?this.setTexture(this.textures[t%this.textures.length]):t>=this.textures.length&&(this.gotoAndStop(this.textures.length-1),this.onComplete&&this.onComplete())}},n.FilterBlock=function(t){this.graphics=t,this.visible=!0,this.renderable=!0},n.Text=function(t,e){this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"),n.Sprite.call(this,n.Texture.fromCanvas(this.canvas)),this.setText(t),this.setStyle(e),this.updateText(),this.dirty=!1},n.Text.prototype=Object.create(n.Sprite.prototype),n.Text.prototype.constructor=n.Text,n.Text.prototype.setStyle=function(t){t=t||{},t.font=t.font||"bold 20pt Arial",t.fill=t.fill||"black",t.align=t.align||"left",t.stroke=t.stroke||"black",t.strokeThickness=t.strokeThickness||0,t.wordWrap=t.wordWrap||!1,t.wordWrapWidth=t.wordWrapWidth||100,this.style=t,this.dirty=!0},n.Sprite.prototype.setText=function(t){this.text=""+t||" ",this.dirty=!0},n.Text.prototype.updateText=function(){this.context.font=this.style.font;var t=this.text;this.style.wordWrap&&(t=this.wordWrap(this.text));for(var e=t.split(/(?:\r\n|\r|\n)/),i=[],r=0,s=0;e.length>s;s++){var o=this.context.measureText(e[s]).width;i[s]=o,r=Math.max(r,o)}this.canvas.width=r+this.style.strokeThickness;var a=this.determineFontHeight("font: "+this.style.font+";")+this.style.strokeThickness;for(this.canvas.height=a*e.length,this.context.fillStyle=this.style.fill,this.context.font=this.style.font,this.context.strokeStyle=this.style.stroke,this.context.lineWidth=this.style.strokeThickness,this.context.textBaseline="top",s=0;e.length>s;s++){var h=new n.Point(this.style.strokeThickness/2,this.style.strokeThickness/2+s*a);"right"==this.style.align?h.x+=r-i[s]:"center"==this.style.align&&(h.x+=(r-i[s])/2),this.style.stroke&&this.style.strokeThickness&&this.context.strokeText(e[s],h.x,h.y),this.style.fill&&this.context.fillText(e[s],h.x,h.y)}this.updateTexture()},n.Text.prototype.updateTexture=function(){this.texture.baseTexture.width=this.canvas.width,this.texture.baseTexture.height=this.canvas.height,this.texture.frame.width=this.canvas.width,this.texture.frame.height=this.canvas.height,this._width=this.canvas.width,this._height=this.canvas.height,n.texturesToUpdate.push(this.texture.baseTexture)},n.Text.prototype.updateTransform=function(){this.dirty&&(this.updateText(),this.dirty=!1),n.Sprite.prototype.updateTransform.call(this)},n.Text.prototype.determineFontHeight=function(t){var e=n.Text.heightCache[t];if(!e){var i=document.getElementsByTagName("body")[0],r=document.createElement("div"),s=document.createTextNode("M");r.appendChild(s),r.setAttribute("style",t+";position:absolute;top:0;left:0"),i.appendChild(r),e=r.offsetHeight,n.Text.heightCache[t]=e,i.removeChild(r)}return e},n.Text.prototype.wordWrap=function(t){for(var e=function(t,e,i,r,n){var s=Math.floor((r-i)/2)+i;return s==i?1:n>=t.measureText(e.substring(0,s)).width?t.measureText(e.substring(0,s+1)).width>n?s:arguments.callee(t,e,s,r,n):arguments.callee(t,e,i,s,n)},i=function(t,i,r){if(r>=t.measureText(i).width||1>i.length)return i;var n=e(t,i,0,i.length,r);return i.substring(0,n)+"\n"+arguments.callee(t,i.substring(n),r)},r="",n=t.split("\n"),s=0;n.length>s;s++)r+=i(this.context,n[s],this.style.wordWrapWidth)+"\n";return r},n.Text.prototype.destroy=function(t){t&&this.texture.destroy()},n.Text.heightCache={},n.BitmapText=function(t,e){n.DisplayObjectContainer.call(this),this.setText(t),this.setStyle(e),this.updateText(),this.dirty=!1},n.BitmapText.prototype=Object.create(n.DisplayObjectContainer.prototype),n.BitmapText.prototype.constructor=n.BitmapText,n.BitmapText.prototype.setText=function(t){this.text=t||" ",this.dirty=!0},n.BitmapText.prototype.setStyle=function(t){t=t||{},t.align=t.align||"left",this.style=t;var e=t.font.split(" ");this.fontName=e[e.length-1],this.fontSize=e.length>=2?parseInt(e[e.length-2],10):n.BitmapText.fonts[this.fontName].size,this.dirty=!0},n.BitmapText.prototype.updateText=function(){for(var t=n.BitmapText.fonts[this.fontName],e=new n.Point,i=null,r=[],s=0,o=[],a=0,h=this.fontSize/t.size,l=0;this.text.length>l;l++){var u=this.text.charCodeAt(l);if(/(?:\r\n|\r|\n)/.test(this.text.charAt(l)))o.push(e.x),s=Math.max(s,e.x),a++,e.x=0,e.y+=t.lineHeight,i=null;else{var c=t.chars[u];c&&(i&&c[i]&&(e.x+=c.kerning[i]),r.push({texture:c.texture,line:a,charCode:u,position:new n.Point(e.x+c.xOffset,e.y+c.yOffset)}),e.x+=c.xAdvance,i=u)}}o.push(e.x),s=Math.max(s,e.x);var p=[];for(l=0;a>=l;l++){var d=0;"right"==this.style.align?d=s-o[l]:"center"==this.style.align&&(d=(s-o[l])/2),p.push(d)}for(l=0;r.length>l;l++){var f=new n.Sprite(r[l].texture);f.position.x=(r[l].position.x+p[r[l].line])*h,f.position.y=r[l].position.y*h,f.scale.x=f.scale.y=h,this.addChild(f)}this.width=e.x*h,this.height=(e.y+t.lineHeight)*h},n.BitmapText.prototype.updateTransform=function(){if(this.dirty){for(;this.children.length>0;)this.removeChild(this.getChildAt(0));this.updateText(),this.dirty=!1}n.DisplayObjectContainer.prototype.updateTransform.call(this)},n.BitmapText.fonts={},n.InteractionManager=function(t){this.stage=t,this.mouse=new n.InteractionData,this.touchs={},this.tempPoint=new n.Point,this.mouseoverEnabled=!0,this.pool=[],this.interactiveItems=[],this.last=0},n.InteractionManager.prototype.constructor=n.InteractionManager,n.InteractionManager.prototype.collectInteractiveSprite=function(t,e){for(var i=t.children,r=i.length,n=r-1;n>=0;n--){var s=i[n];s.visible&&(s.interactive?(e.interactiveChildren=!0,this.interactiveItems.push(s),s.children.length>0&&this.collectInteractiveSprite(s,s)):(s.__iParent=null,s.children.length>0&&this.collectInteractiveSprite(s,e)))}},n.InteractionManager.prototype.setTarget=function(t){window.navigator.msPointerEnabled&&(t.view.style["-ms-content-zooming"]="none",t.view.style["-ms-touch-action"]="none"),this.target=t,t.view.addEventListener("mousemove",this.onMouseMove.bind(this),!0),t.view.addEventListener("mousedown",this.onMouseDown.bind(this),!0),document.body.addEventListener("mouseup",this.onMouseUp.bind(this),!0),t.view.addEventListener("mouseout",this.onMouseUp.bind(this),!0),t.view.addEventListener("touchstart",this.onTouchStart.bind(this),!0),t.view.addEventListener("touchend",this.onTouchEnd.bind(this),!0),t.view.addEventListener("touchmove",this.onTouchMove.bind(this),!0)},n.InteractionManager.prototype.update=function(){if(this.target){var t=Date.now(),e=t-this.last;if(e=30*e/1e3,!(1>e)){if(this.last=t,this.dirty){this.dirty=!1;for(var i=this.interactiveItems.length,r=0;i>r;r++)this.interactiveItems[r].interactiveChildren=!1;this.interactiveItems=[],this.stage.interactive&&this.interactiveItems.push(this.stage),this.collectInteractiveSprite(this.stage,this.stage)}var n=this.interactiveItems.length;this.target.view.style.cursor="default";for(var r=0;n>r;r++){var s=this.interactiveItems[r];s.visible&&(s.mouseover||s.mouseout||s.buttonMode)&&(s.__hit=this.hitTest(s,this.mouse),this.mouse.target=s,s.__hit?(s.buttonMode&&(this.target.view.style.cursor="pointer"),s.__isOver||(s.mouseover&&s.mouseover(this.mouse),s.__isOver=!0)):s.__isOver&&(s.mouseout&&s.mouseout(this.mouse),s.__isOver=!1))}}}},n.InteractionManager.prototype.onMouseMove=function(t){this.mouse.originalEvent=t||window.event;var e=this.target.view.getBoundingClientRect();this.mouse.global.x=(t.clientX-e.left)*(this.target.width/e.width),this.mouse.global.y=(t.clientY-e.top)*(this.target.height/e.height);var i=this.interactiveItems.length;this.mouse.global;for(var r=0;i>r;r++){var n=this.interactiveItems[r];n.mousemove&&n.mousemove(this.mouse)}},n.InteractionManager.prototype.onMouseDown=function(t){t.preventDefault(),this.mouse.originalEvent=t||window.event;var e=this.interactiveItems.length;this.mouse.global,this.stage;for(var i=0;e>i;i++){var r=this.interactiveItems[i];if((r.mousedown||r.click)&&(r.__mouseIsDown=!0,r.__hit=this.hitTest(r,this.mouse),r.__hit&&(r.mousedown&&r.mousedown(this.mouse),r.__isDown=!0,!r.interactiveChildren)))break}},n.InteractionManager.prototype.onMouseUp=function(t){this.mouse.originalEvent=t||window.event,this.mouse.global;for(var e=this.interactiveItems.length,i=!1,r=0;e>r;r++){var n=this.interactiveItems[r];(n.mouseup||n.mouseupoutside||n.click)&&(n.__hit=this.hitTest(n,this.mouse),n.__hit&&!i?(n.mouseup&&n.mouseup(this.mouse),n.__isDown&&n.click&&n.click(this.mouse),n.interactiveChildren||(i=!0)):n.__isDown&&n.mouseupoutside&&n.mouseupoutside(this.mouse),n.__isDown=!1)}},n.InteractionManager.prototype.hitTest=function(t,e){var i=e.global;if(!t.visible)return!1;var r=t instanceof n.Sprite,s=t.worldTransform,o=s[0],a=s[1],h=s[2],l=s[3],u=s[4],c=s[5],p=1/(o*u+a*-l),d=u*p*i.x+-a*p*i.y+(c*a-h*u)*p,f=o*p*i.y+-l*p*i.x+(-c*o+h*l)*p;if(e.target=t,t.hitArea&&t.hitArea.contains)return t.hitArea.contains(d,f)?(e.target=t,!0):!1;if(r){var v,m=t.texture.frame.width,g=t.texture.frame.height,x=-m*t.anchor.x;if(d>x&&x+m>d&&(v=-g*t.anchor.y,f>v&&v+g>f))return e.target=t,!0}for(var b=t.children.length,y=0;b>y;y++){var T=t.children[y],_=this.hitTest(T,e);if(_)return e.target=t,!0}return!1},n.InteractionManager.prototype.onTouchMove=function(t){this.mouse.originalEvent=t||window.event;for(var e=this.target.view.getBoundingClientRect(),i=t.changedTouches,r=0;i.length>r;r++){var n=i[r],s=this.touchs[n.identifier];s.global.x=(n.clientX-e.left)*(this.target.width/e.width),s.global.y=(n.clientY-e.top)*(this.target.height/e.height)}for(var o=this.interactiveItems.length,r=0;o>r;r++){var a=this.interactiveItems[r];a.touchmove&&a.touchmove(s)}},n.InteractionManager.prototype.onTouchStart=function(t){t.preventDefault(),this.mouse.originalEvent=t||window.event;for(var e=this.target.view.getBoundingClientRect(),i=t.changedTouches,r=0;i.length>r;r++){var s=i[r],o=this.pool.pop();o||(o=new n.InteractionData),this.touchs[s.identifier]=o,o.global.x=(s.clientX-e.left)*(this.target.width/e.width),o.global.y=(s.clientY-e.top)*(this.target.height/e.height);for(var a=this.interactiveItems.length,h=0;a>h;h++){var l=this.interactiveItems[h];if((l.touchstart||l.tap)&&(l.__hit=this.hitTest(l,o),l.__hit&&(l.touchstart&&l.touchstart(o),l.__isDown=!0,l.__touchData=o,!l.interactiveChildren)))break}}},n.InteractionManager.prototype.onTouchEnd=function(t){this.mouse.originalEvent=t||window.event;for(var e=this.target.view.getBoundingClientRect(),i=t.changedTouches,r=0;i.length>r;r++){var n=i[r],s=this.touchs[n.identifier],o=!1;s.global.x=(n.clientX-e.left)*(this.target.width/e.width),s.global.y=(n.clientY-e.top)*(this.target.height/e.height);for(var a=this.interactiveItems.length,h=0;a>h;h++){var l=this.interactiveItems[h],u=l.__touchData;l.__hit=this.hitTest(l,s),u==s&&((l.touchend||l.tap)&&(l.__hit&&!o?(l.touchend&&l.touchend(s),l.__isDown&&l.tap&&l.tap(s),l.interactiveChildren||(o=!0)):l.__isDown&&l.touchendoutside&&l.touchendoutside(s),l.__isDown=!1),l.__touchData=null)}this.pool.push(s),this.touchs[n.identifier]=null}},n.InteractionData=function(){this.global=new n.Point,this.local=new n.Point,this.target,this.originalEvent},n.InteractionData.prototype.getLocalPosition=function(t){var e=t.worldTransform,i=this.global,r=e[0],s=e[1],o=e[2],a=e[3],h=e[4],l=e[5],u=1/(r*h+s*-a);return new n.Point(h*u*i.x+-s*u*i.y+(l*s-o*h)*u,r*u*i.y+-a*u*i.x+(-l*r+o*a)*u)},n.InteractionData.prototype.constructor=n.InteractionData,n.Stage=function(t,e){n.DisplayObjectContainer.call(this),this.worldTransform=n.mat3.create(),this.interactive=e,this.interactionManager=new n.InteractionManager(this),this.dirty=!0,this.__childrenAdded=[],this.__childrenRemoved=[],this.stage=this,this.stage.hitArea=new n.Rectangle(0,0,1e5,1e5),this.setBackgroundColor(t),this.worldVisible=!0},n.Stage.prototype=Object.create(n.DisplayObjectContainer.prototype),n.Stage.prototype.constructor=n.Stage,n.Stage.prototype.updateTransform=function(){this.worldAlpha=1;for(var t=0,e=this.children.length;e>t;t++)this.children[t].updateTransform();this.dirty&&(this.dirty=!1,this.interactionManager.dirty=!0),this.interactive&&this.interactionManager.update()},n.Stage.prototype.setBackgroundColor=function(t){this.backgroundColor=t||0,this.backgroundColorSplit=e(this.backgroundColor);var i=this.backgroundColor.toString(16);i="000000".substr(0,6-i.length)+i,this.backgroundColorString="#"+i},n.Stage.prototype.getMousePosition=function(){return this.interactionManager.mouse.global};for(var s=0,o=["ms","moz","webkit","o"],h=0;o.length>h&&!window.requestAnimationFrame;++h)window.requestAnimationFrame=window[o[h]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[o[h]+"CancelAnimationFrame"]||window[o[h]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(t){var e=(new Date).getTime(),i=Math.max(0,16-(e-s)),r=window.setTimeout(function(){t(e+i)},i);return s=e+i,r}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)}),window.requestAnimFrame=window.requestAnimationFrame,"function"!=typeof Function.prototype.bind&&(Function.prototype.bind=function(){var t=Array.prototype.slice;return function(e){function i(){var s=n.concat(t.call(arguments));r.apply(this instanceof i?this:e,s)}var r=this,n=t.call(arguments,1);if("function"!=typeof r)throw new TypeError;return i.prototype=function s(t){return t&&(s.prototype=t),this instanceof s?void 0:new s}(r.prototype),i}}());var l=n.AjaxRequest=function(){var t=["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];if(!window.ActiveXObject)return window.XMLHttpRequest?new XMLHttpRequest:!1;for(var e=0;t.length>e;e++)try{return new ActiveXObject(t[e])}catch(i){}};n.runList=function(t){console.log(">>>>>>>>>"),console.log("_");var e=0,i=t.first;for(console.log(i);i._iNext;)if(e++,i=i._iNext,console.log(i),e>100){console.log("BREAK");break}},n.EventTarget=function(){var t={};this.addEventListener=this.on=function(e,i){void 0===t[e]&&(t[e]=[]),-1===t[e].indexOf(i)&&t[e].push(i)},this.dispatchEvent=this.emit=function(e){for(var i in t[e.type])t[e.type][i](e)},this.removeEventListener=this.off=function(e,i){var r=t[e].indexOf(i);-1!==r&&t[e].splice(r,1)}},n.autoDetectRenderer=function(t,e,i,r){t||(t=800),e||(e=600);var s=function(){try{return!!window.WebGLRenderingContext&&!!document.createElement("canvas").getContext("experimental-webgl")}catch(t){return!1}}();return s?new n.WebGLRenderer(t,e,i,r):new n.CanvasRenderer(t,e,i,r)},n.PolyK={},n.PolyK.Triangulate=function(t){var e=!0,i=t.length>>1;if(3>i)return[];for(var r=[],s=[],o=0;i>o;o++)s.push(o);for(var o=0,a=i;a>3;){var h=s[(o+0)%a],l=s[(o+1)%a],u=s[(o+2)%a],c=t[2*h],p=t[2*h+1],d=t[2*l],f=t[2*l+1],v=t[2*u],m=t[2*u+1],g=!1;if(n.PolyK._convex(c,p,d,f,v,m,e)){g=!0;for(var x=0;a>x;x++){var b=s[x];if(b!=h&&b!=l&&b!=u&&n.PolyK._PointInTriangle(t[2*b],t[2*b+1],c,p,d,f,v,m)){g=!1;break}}}if(g)r.push(h,l,u),s.splice((o+1)%a,1),a--,o=0;else if(o++>3*a){if(!e)return console.log("PIXI Warning: shape too complex to fill"),[];var r=[];s=[];for(var o=0;i>o;o++)s.push(o);o=0,a=i,e=!1}}return r.push(s[0],s[1],s[2]),r},n.PolyK._PointInTriangle=function(t,e,i,r,n,s,o,a){var h=o-i,l=a-r,u=n-i,c=s-r,p=t-i,d=e-r,f=h*h+l*l,v=h*u+l*c,m=h*p+l*d,g=u*u+c*c,x=u*p+c*d,b=1/(f*g-v*v),y=(g*m-v*x)*b,T=(f*x-v*m)*b;return y>=0&&T>=0&&1>y+T},n.PolyK._convex=function(t,e,i,r,n,s,o){return(e-r)*(n-i)+(i-t)*(s-r)>=0==o},n.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;","}"],n.shaderVertexSrc=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute float aColor;","uniform vec2 projectionVector;","varying vec2 vTextureCoord;","varying float vColor;","void main(void) {","gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);","vTextureCoord = aTextureCoord;","vColor = aColor;","}"],n.stripShaderFragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float alpha;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));","gl_FragColor = gl_FragColor * alpha;","}"],n.stripShaderVertexSrc=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute float aColor;","uniform mat3 translationMatrix;","uniform vec2 projectionVector;","varying vec2 vTextureCoord;","varying float vColor;","void main(void) {","vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);","gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);","vTextureCoord = aTextureCoord;","vColor = aColor;","}"],n.primitiveShaderFragmentSrc=["precision mediump float;","varying vec4 vColor;","void main(void) {","gl_FragColor = vColor;","}"],n.primitiveShaderVertexSrc=["attribute vec2 aVertexPosition;","attribute vec4 aColor;","uniform mat3 translationMatrix;","uniform vec2 projectionVector;","uniform float alpha;","varying vec4 vColor;","void main(void) {","vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);","gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);","vColor = aColor  * alpha;","}"],n.initPrimitiveShader=function(){var t=n.gl,e=n.compileProgram(n.primitiveShaderVertexSrc,n.primitiveShaderFragmentSrc);t.useProgram(e),e.vertexPositionAttribute=t.getAttribLocation(e,"aVertexPosition"),e.colorAttribute=t.getAttribLocation(e,"aColor"),e.projectionVector=t.getUniformLocation(e,"projectionVector"),e.translationMatrix=t.getUniformLocation(e,"translationMatrix"),e.alpha=t.getUniformLocation(e,"alpha"),n.primitiveProgram=e},n.initDefaultShader=function(){var t=this.gl,e=n.compileProgram(n.shaderVertexSrc,n.shaderFragmentSrc);t.useProgram(e),e.vertexPositionAttribute=t.getAttribLocation(e,"aVertexPosition"),e.projectionVector=t.getUniformLocation(e,"projectionVector"),e.textureCoordAttribute=t.getAttribLocation(e,"aTextureCoord"),e.colorAttribute=t.getAttribLocation(e,"aColor"),e.samplerUniform=t.getUniformLocation(e,"uSampler"),n.shaderProgram=e},n.initDefaultStripShader=function(){var t=this.gl,e=n.compileProgram(n.stripShaderVertexSrc,n.stripShaderFragmentSrc);t.useProgram(e),e.vertexPositionAttribute=t.getAttribLocation(e,"aVertexPosition"),e.projectionVector=t.getUniformLocation(e,"projectionVector"),e.textureCoordAttribute=t.getAttribLocation(e,"aTextureCoord"),e.translationMatrix=t.getUniformLocation(e,"translationMatrix"),e.alpha=t.getUniformLocation(e,"alpha"),e.colorAttribute=t.getAttribLocation(e,"aColor"),e.projectionVector=t.getUniformLocation(e,"projectionVector"),e.samplerUniform=t.getUniformLocation(e,"uSampler"),n.stripShaderProgram=e},n.CompileVertexShader=function(t,e){return n._CompileShader(t,e,t.VERTEX_SHADER)},n.CompileFragmentShader=function(t,e){return n._CompileShader(t,e,t.FRAGMENT_SHADER)},n._CompileShader=function(t,e,i){var r=e.join("\n"),n=t.createShader(i);return t.shaderSource(n,r),t.compileShader(n),t.getShaderParameter(n,t.COMPILE_STATUS)?n:(alert(t.getShaderInfoLog(n)),null)},n.compileProgram=function(t,e){var i=n.gl,r=n.CompileFragmentShader(i,e),s=n.CompileVertexShader(i,t),o=i.createProgram();return i.attachShader(o,s),i.attachShader(o,r),i.linkProgram(o),i.getProgramParameter(o,i.LINK_STATUS)||alert("Could not initialise shaders"),o},n.activateDefaultShader=function(){var t=n.gl,e=n.shaderProgram;t.useProgram(e),t.enableVertexAttribArray(e.vertexPositionAttribute),t.enableVertexAttribArray(e.textureCoordAttribute),t.enableVertexAttribArray(e.colorAttribute)},n.activatePrimitiveShader=function(){var t=n.gl;t.disableVertexAttribArray(n.shaderProgram.textureCoordAttribute),t.disableVertexAttribArray(n.shaderProgram.colorAttribute),t.useProgram(n.primitiveProgram),t.enableVertexAttribArray(n.primitiveProgram.vertexPositionAttribute),t.enableVertexAttribArray(n.primitiveProgram.colorAttribute)
-},n.WebGLGraphics=function(){},n.WebGLGraphics.renderGraphics=function(t,e){var i=n.gl;t._webGL||(t._webGL={points:[],indices:[],lastIndex:0,buffer:i.createBuffer(),indexBuffer:i.createBuffer()}),t.dirty&&(t.dirty=!1,t.clearDirty&&(t.clearDirty=!1,t._webGL.lastIndex=0,t._webGL.points=[],t._webGL.indices=[]),n.WebGLGraphics.updateGraphics(t)),n.activatePrimitiveShader();var r=n.mat3.clone(t.worldTransform);n.mat3.transpose(r),i.blendFunc(i.ONE,i.ONE_MINUS_SRC_ALPHA),i.uniformMatrix3fv(n.primitiveProgram.translationMatrix,!1,r),i.uniform2f(n.primitiveProgram.projectionVector,e.x,e.y),i.uniform1f(n.primitiveProgram.alpha,t.worldAlpha),i.bindBuffer(i.ARRAY_BUFFER,t._webGL.buffer),i.vertexAttribPointer(n.shaderProgram.vertexPositionAttribute,2,i.FLOAT,!1,0,0),i.vertexAttribPointer(n.primitiveProgram.vertexPositionAttribute,2,i.FLOAT,!1,24,0),i.vertexAttribPointer(n.primitiveProgram.colorAttribute,4,i.FLOAT,!1,24,8),i.bindBuffer(i.ELEMENT_ARRAY_BUFFER,t._webGL.indexBuffer),i.drawElements(i.TRIANGLE_STRIP,t._webGL.indices.length,i.UNSIGNED_SHORT,0),n.activateDefaultShader()},n.WebGLGraphics.updateGraphics=function(t){for(var e=t._webGL.lastIndex;t.graphicsData.length>e;e++){var i=t.graphicsData[e];i.type==n.Graphics.POLY?(i.fill&&i.points.length>3&&n.WebGLGraphics.buildPoly(i,t._webGL),i.lineWidth>0&&n.WebGLGraphics.buildLine(i,t._webGL)):i.type==n.Graphics.RECT?n.WebGLGraphics.buildRectangle(i,t._webGL):(i.type==n.Graphics.CIRC||i.type==n.Graphics.ELIP)&&n.WebGLGraphics.buildCircle(i,t._webGL)}t._webGL.lastIndex=t.graphicsData.length;var r=n.gl;t._webGL.glPoints=new Float32Array(t._webGL.points),r.bindBuffer(r.ARRAY_BUFFER,t._webGL.buffer),r.bufferData(r.ARRAY_BUFFER,t._webGL.glPoints,r.STATIC_DRAW),t._webGL.glIndicies=new Uint16Array(t._webGL.indices),r.bindBuffer(r.ELEMENT_ARRAY_BUFFER,t._webGL.indexBuffer),r.bufferData(r.ELEMENT_ARRAY_BUFFER,t._webGL.glIndicies,r.STATIC_DRAW)},n.WebGLGraphics.buildRectangle=function(t,i){var r=t.points,s=r[0],o=r[1],a=r[2],h=r[3];if(t.fill){var l=e(t.fillColor),u=t.fillAlpha,c=l[0]*u,p=l[1]*u,d=l[2]*u,f=i.points,v=i.indices,m=f.length/6;f.push(s,o),f.push(c,p,d,u),f.push(s+a,o),f.push(c,p,d,u),f.push(s,o+h),f.push(c,p,d,u),f.push(s+a,o+h),f.push(c,p,d,u),v.push(m,m,m+1,m+2,m+3,m+3)}t.lineWidth&&(t.points=[s,o,s+a,o,s+a,o+h,s,o+h,s,o],n.WebGLGraphics.buildLine(t,i))},n.WebGLGraphics.buildCircle=function(t,i){var r=t.points,s=r[0],o=r[1],a=r[2],h=r[3],l=40,u=2*Math.PI/l;if(t.fill){var c=e(t.fillColor),p=t.fillAlpha,d=c[0]*p,f=c[1]*p,v=c[2]*p,m=i.points,g=i.indices,x=m.length/6;g.push(x);for(var b=0;l+1>b;b++)m.push(s,o,d,f,v,p),m.push(s+Math.sin(u*b)*a,o+Math.cos(u*b)*h,d,f,v,p),g.push(x++,x++);g.push(x-1)}if(t.lineWidth){t.points=[];for(var b=0;l+1>b;b++)t.points.push(s+Math.sin(u*b)*a,o+Math.cos(u*b)*h);n.WebGLGraphics.buildLine(t,i)}},n.WebGLGraphics.buildLine=function(t,i){var r=t.points;if(0!=r.length){var s=new n.Point(r[0],r[1]),o=new n.Point(r[r.length-2],r[r.length-1]);if(s.x==o.x&&s.y==o.y){r.pop(),r.pop(),o=new n.Point(r[r.length-2],r[r.length-1]);var a=o.x+.5*(s.x-o.x),h=o.y+.5*(s.y-o.y);r.unshift(a,h),r.push(a,h)}var l,u,c,p,d,f,v,m,g,x,b,y,T,_,w,A,R,S,C,L,E,P=i.points,B=i.indices,F=r.length/2,G=r.length,I=P.length/6,D=t.lineWidth/2,M=e(t.lineColor),O=t.lineAlpha,W=M[0]*O,U=M[1]*O,k=M[2]*O;l=r[0],u=r[1],c=r[2],p=r[3],v=-(u-p),m=l-c,E=Math.sqrt(v*v+m*m),v/=E,m/=E,v*=D,m*=D,P.push(l-v,u-m,W,U,k,O),P.push(l+v,u+m,W,U,k,O);for(var j=1;F-1>j;j++)l=r[2*(j-1)],u=r[2*(j-1)+1],c=r[2*j],p=r[2*j+1],d=r[2*(j+1)],f=r[2*(j+1)+1],v=-(u-p),m=l-c,E=Math.sqrt(v*v+m*m),v/=E,m/=E,v*=D,m*=D,g=-(p-f),x=c-d,E=Math.sqrt(g*g+x*x),g/=E,x/=E,g*=D,x*=D,T=-m+u-(-m+p),_=-v+c-(-v+l),w=(-v+l)*(-m+p)-(-v+c)*(-m+u),A=-x+f-(-x+p),R=-g+c-(-g+d),S=(-g+d)*(-x+p)-(-g+c)*(-x+f),C=T*R-A*_,0==C&&(C+=1),px=(_*S-R*w)/C,py=(A*w-T*S)/C,L=(px-c)*(px-c)+(py-p)+(py-p),L>19600?(b=v-g,y=m-x,E=Math.sqrt(b*b+y*y),b/=E,y/=E,b*=D,y*=D,P.push(c-b,p-y),P.push(W,U,k,O),P.push(c+b,p+y),P.push(W,U,k,O),P.push(c-b,p-y),P.push(W,U,k,O),G++):(P.push(px,py),P.push(W,U,k,O),P.push(c-(px-c),p-(py-p)),P.push(W,U,k,O));l=r[2*(F-2)],u=r[2*(F-2)+1],c=r[2*(F-1)],p=r[2*(F-1)+1],v=-(u-p),m=l-c,E=Math.sqrt(v*v+m*m),v/=E,m/=E,v*=D,m*=D,P.push(c-v,p-m),P.push(W,U,k,O),P.push(c+v,p+m),P.push(W,U,k,O),B.push(I);for(var j=0;G>j;j++)B.push(I++);B.push(I-1)}},n.WebGLGraphics.buildPoly=function(t,i){var r=t.points;if(!(6>r.length)){for(var s=i.points,o=i.indices,a=r.length/2,h=e(t.fillColor),l=t.fillAlpha,u=h[0]*l,c=h[1]*l,p=h[2]*l,d=n.PolyK.Triangulate(r),f=s.length/6,v=0;d.length>v;v+=3)o.push(d[v]+f),o.push(d[v]+f),o.push(d[v+1]+f),o.push(d[v+2]+f),o.push(d[v+2]+f);for(var v=0;a>v;v++)s.push(r[2*v],r[2*v+1],u,c,p,l)}},n._defaultFrame=new n.Rectangle(0,0,1,1),n.gl,n.WebGLRenderer=function(t,e,i,r){this.transparent=!!r,this.width=t||800,this.height=e||600,this.view=i||document.createElement("canvas"),this.view.width=this.width,this.view.height=this.height;var s=this;this.view.addEventListener("webglcontextlost",function(t){s.handleContextLost(t)},!1),this.view.addEventListener("webglcontextrestored",function(t){s.handleContextRestored(t)},!1),this.batchs=[];try{n.gl=this.gl=this.view.getContext("experimental-webgl",{alpha:this.transparent,antialias:!0,premultipliedAlpha:!1,stencil:!0})}catch(o){throw Error(" This browser does not support webGL. Try using the canvas renderer"+this)}n.initPrimitiveShader(),n.initDefaultShader(),n.initDefaultStripShader(),n.activateDefaultShader();var a=this.gl;n.WebGLRenderer.gl=a,this.batch=new n.WebGLBatch(a),a.disable(a.DEPTH_TEST),a.disable(a.CULL_FACE),a.enable(a.BLEND),a.colorMask(!0,!0,!0,this.transparent),n.projection=new n.Point(400,300),this.resize(this.width,this.height),this.contextLost=!1,this.stageRenderGroup=new n.WebGLRenderGroup(this.gl)},n.WebGLRenderer.prototype.constructor=n.WebGLRenderer,n.WebGLRenderer.getBatch=function(){return 0==n._batchs.length?new n.WebGLBatch(n.WebGLRenderer.gl):n._batchs.pop()},n.WebGLRenderer.returnBatch=function(t){t.clean(),n._batchs.push(t)},n.WebGLRenderer.prototype.render=function(t){if(!this.contextLost){this.__stage!==t&&(this.__stage=t,this.stageRenderGroup.setRenderable(t)),n.WebGLRenderer.updateTextures(),t.updateTransform();var e=this.gl;if(e.colorMask(!0,!0,!0,this.transparent),e.viewport(0,0,this.width,this.height),e.bindFramebuffer(e.FRAMEBUFFER,null),e.clearColor(t.backgroundColorSplit[0],t.backgroundColorSplit[1],t.backgroundColorSplit[2],!this.transparent),e.clear(e.COLOR_BUFFER_BIT),this.stageRenderGroup.backgroundColor=t.backgroundColorSplit,this.stageRenderGroup.render(n.projection),t.interactive&&(t._interactiveEventsAdded||(t._interactiveEventsAdded=!0,t.interactionManager.setTarget(this))),n.Texture.frameUpdates.length>0){for(var i=0;n.Texture.frameUpdates.length>i;i++)n.Texture.frameUpdates[i].updateFrame=!1;n.Texture.frameUpdates=[]}}},n.WebGLRenderer.updateTextures=function(){for(var t=0;n.texturesToUpdate.length>t;t++)this.updateTexture(n.texturesToUpdate[t]);for(var t=0;n.texturesToDestroy.length>t;t++)this.destroyTexture(n.texturesToDestroy[t]);n.texturesToUpdate=[],n.texturesToDestroy=[]},n.WebGLRenderer.updateTexture=function(t){var e=n.gl;t._glTexture||(t._glTexture=e.createTexture()),t.hasLoaded&&(e.bindTexture(e.TEXTURE_2D,t._glTexture),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t.source),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),t._powerOf2?(e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.REPEAT),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.REPEAT)):(e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE)),e.bindTexture(e.TEXTURE_2D,null))},n.WebGLRenderer.prototype.destroyTexture=function(t){var e=this.gl;t._glTexture&&(t._glTexture=e.createTexture(),e.deleteTexture(e.TEXTURE_2D,t._glTexture))},n.WebGLRenderer.prototype.resize=function(t,e){this.width=t,this.height=e,this.view.width=t,this.view.height=e,this.gl.viewport(0,0,this.width,this.height),n.projection.x=this.width/2,n.projection.y=this.height/2},n.WebGLRenderer.prototype.handleContextLost=function(t){t.preventDefault(),this.contextLost=!0},n.WebGLRenderer.prototype.handleContextRestored=function(){this.gl=this.view.getContext("experimental-webgl",{alpha:!0}),this.initShaders();for(var t in n.TextureCache){var e=n.TextureCache[t].baseTexture;e._glTexture=null,n.WebGLRenderer.updateTexture(e)}for(var i=0;this.batchs.length>i;i++)this.batchs[i].restoreLostContext(this.gl),this.batchs[i].dirty=!0;n._restoreBatchs(this.gl),this.contextLost=!1},n._batchs=[],n._getBatch=function(t){return 0==n._batchs.length?new n.WebGLBatch(t):n._batchs.pop()},n._returnBatch=function(t){t.clean(),n._batchs.push(t)},n._restoreBatchs=function(t){for(var e=0;n._batchs.length>e;e++)n._batchs[e].restoreLostContext(t)},n.WebGLBatch=function(t){this.gl=t,this.size=0,this.vertexBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),this.uvBuffer=t.createBuffer(),this.colorBuffer=t.createBuffer(),this.blendMode=n.blendModes.NORMAL,this.dynamicSize=1},n.WebGLBatch.prototype.constructor=n.WebGLBatch,n.WebGLBatch.prototype.clean=function(){this.verticies=[],this.uvs=[],this.indices=[],this.colors=[],this.dynamicSize=1,this.texture=null,this.last=null,this.size=0,this.head,this.tail},n.WebGLBatch.prototype.restoreLostContext=function(t){this.gl=t,this.vertexBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),this.uvBuffer=t.createBuffer(),this.colorBuffer=t.createBuffer()},n.WebGLBatch.prototype.init=function(t){t.batch=this,this.dirty=!0,this.blendMode=t.blendMode,this.texture=t.texture.baseTexture,this.head=t,this.tail=t,this.size=1,this.growBatch()},n.WebGLBatch.prototype.insertBefore=function(t,e){this.size++,t.batch=this,this.dirty=!0;var i=e.__prev;e.__prev=t,t.__next=e,i?(t.__prev=i,i.__next=t):this.head=t},n.WebGLBatch.prototype.insertAfter=function(t,e){this.size++,t.batch=this,this.dirty=!0;var i=e.__next;e.__next=t,t.__prev=e,i?(t.__next=i,i.__prev=t):this.tail=t},n.WebGLBatch.prototype.remove=function(t){return this.size--,0==this.size?(t.batch=null,t.__prev=null,t.__next=null,void 0):(t.__prev?t.__prev.__next=t.__next:(this.head=t.__next,this.head.__prev=null),t.__next?t.__next.__prev=t.__prev:(this.tail=t.__prev,this.tail.__next=null),t.batch=null,t.__next=null,t.__prev=null,this.dirty=!0,void 0)},n.WebGLBatch.prototype.split=function(t){this.dirty=!0;var e=new n.WebGLBatch(this.gl);e.init(t),e.texture=this.texture,e.tail=this.tail,this.tail=t.__prev,this.tail.__next=null,t.__prev=null;for(var i=0;t;)i++,t.batch=e,t=t.__next;return e.size=i,this.size-=i,e},n.WebGLBatch.prototype.merge=function(t){this.dirty=!0,this.tail.__next=t.head,t.head.__prev=this.tail,this.size+=t.size,this.tail=t.tail;for(var e=t.head;e;)e.batch=this,e=e.__next},n.WebGLBatch.prototype.growBatch=function(){var t=this.gl;this.dynamicSize=1==this.size?1:1.5*this.size,this.verticies=new Float32Array(8*this.dynamicSize),t.bindBuffer(t.ARRAY_BUFFER,this.vertexBuffer),t.bufferData(t.ARRAY_BUFFER,this.verticies,t.DYNAMIC_DRAW),this.uvs=new Float32Array(8*this.dynamicSize),t.bindBuffer(t.ARRAY_BUFFER,this.uvBuffer),t.bufferData(t.ARRAY_BUFFER,this.uvs,t.DYNAMIC_DRAW),this.dirtyUVS=!0,this.colors=new Float32Array(4*this.dynamicSize),t.bindBuffer(t.ARRAY_BUFFER,this.colorBuffer),t.bufferData(t.ARRAY_BUFFER,this.colors,t.DYNAMIC_DRAW),this.dirtyColors=!0,this.indices=new Uint16Array(6*this.dynamicSize);for(var e=this.indices.length/6,i=0;e>i;i++){var r=6*i,n=4*i;this.indices[r+0]=n+0,this.indices[r+1]=n+1,this.indices[r+2]=n+2,this.indices[r+3]=n+0,this.indices[r+4]=n+2,this.indices[r+5]=n+3}t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indices,t.STATIC_DRAW)},n.WebGLBatch.prototype.refresh=function(){this.gl,this.dynamicSize<this.size&&this.growBatch();for(var t,e=0,i=this.head;i;){t=8*e;var r=i.texture,n=r.frame,s=r.baseTexture.width,o=r.baseTexture.height;this.uvs[t+0]=n.x/s,this.uvs[t+1]=n.y/o,this.uvs[t+2]=(n.x+n.width)/s,this.uvs[t+3]=n.y/o,this.uvs[t+4]=(n.x+n.width)/s,this.uvs[t+5]=(n.y+n.height)/o,this.uvs[t+6]=n.x/s,this.uvs[t+7]=(n.y+n.height)/o,i.updateFrame=!1,colorIndex=4*e,this.colors[colorIndex]=this.colors[colorIndex+1]=this.colors[colorIndex+2]=this.colors[colorIndex+3]=i.worldAlpha,i=i.__next,e++}this.dirtyUVS=!0,this.dirtyColors=!0},n.WebGLBatch.prototype.update=function(){this.gl;for(var t,e,i,r,n,s,o,a,h,l,u,c,p,d,f,v,m=0,g=this.head;g;){if(g.worldVisible){if(e=g.texture.frame.width,i=g.texture.frame.height,r=g.anchor.x,n=g.anchor.y,s=e*(1-r),o=e*-r,a=i*(1-n),h=i*-n,l=8*m,t=g.worldTransform,u=t[0],c=t[3],p=t[1],d=t[4],f=t[2],v=t[5],this.verticies[l+0]=u*o+p*h+f,this.verticies[l+1]=d*h+c*o+v,this.verticies[l+2]=u*s+p*h+f,this.verticies[l+3]=d*h+c*s+v,this.verticies[l+4]=u*s+p*a+f,this.verticies[l+5]=d*a+c*s+v,this.verticies[l+6]=u*o+p*a+f,this.verticies[l+7]=d*a+c*o+v,g.updateFrame||g.texture.updateFrame){this.dirtyUVS=!0;var x=g.texture,b=x.frame,y=x.baseTexture.width,T=x.baseTexture.height;this.uvs[l+0]=b.x/y,this.uvs[l+1]=b.y/T,this.uvs[l+2]=(b.x+b.width)/y,this.uvs[l+3]=b.y/T,this.uvs[l+4]=(b.x+b.width)/y,this.uvs[l+5]=(b.y+b.height)/T,this.uvs[l+6]=b.x/y,this.uvs[l+7]=(b.y+b.height)/T,g.updateFrame=!1}if(g.cacheAlpha!=g.worldAlpha){g.cacheAlpha=g.worldAlpha;var _=4*m;this.colors[_]=this.colors[_+1]=this.colors[_+2]=this.colors[_+3]=g.worldAlpha,this.dirtyColors=!0}}else l=8*m,this.verticies[l+0]=0,this.verticies[l+1]=0,this.verticies[l+2]=0,this.verticies[l+3]=0,this.verticies[l+4]=0,this.verticies[l+5]=0,this.verticies[l+6]=0,this.verticies[l+7]=0;m++,g=g.__next}},n.WebGLBatch.prototype.render=function(t,e){if(t=t||0,void 0==e&&(e=this.size),this.dirty&&(this.refresh(),this.dirty=!1),0!=this.size){this.update();var i=this.gl,r=n.shaderProgram;i.useProgram(r),i.bindBuffer(i.ARRAY_BUFFER,this.vertexBuffer),i.bufferSubData(i.ARRAY_BUFFER,0,this.verticies),i.vertexAttribPointer(r.vertexPositionAttribute,2,i.FLOAT,!1,0,0),i.bindBuffer(i.ARRAY_BUFFER,this.uvBuffer),this.dirtyUVS&&(this.dirtyUVS=!1,i.bufferSubData(i.ARRAY_BUFFER,0,this.uvs)),i.vertexAttribPointer(r.textureCoordAttribute,2,i.FLOAT,!1,0,0),i.activeTexture(i.TEXTURE0),i.bindTexture(i.TEXTURE_2D,this.texture._glTexture),i.bindBuffer(i.ARRAY_BUFFER,this.colorBuffer),this.dirtyColors&&(this.dirtyColors=!1,i.bufferSubData(i.ARRAY_BUFFER,0,this.colors)),i.vertexAttribPointer(r.colorAttribute,1,i.FLOAT,!1,0,0),i.bindBuffer(i.ELEMENT_ARRAY_BUFFER,this.indexBuffer);var s=e-t;i.drawElements(i.TRIANGLES,6*s,i.UNSIGNED_SHORT,6*2*t)}},n.WebGLRenderGroup=function(t){this.gl=t,this.root,this.backgroundColor,this.batchs=[],this.toRemove=[]},n.WebGLRenderGroup.prototype.constructor=n.WebGLRenderGroup,n.WebGLRenderGroup.prototype.setRenderable=function(t){this.root&&this.removeDisplayObjectAndChildren(this.root),t.worldVisible=t.visible,this.root=t,this.addDisplayObjectAndChildren(t)},n.WebGLRenderGroup.prototype.render=function(t){n.WebGLRenderer.updateTextures();var e=this.gl;e.uniform2f(n.shaderProgram.projectionVector,t.x,t.y),e.blendFunc(e.ONE,e.ONE_MINUS_SRC_ALPHA),this.checkVisibility(this.root,this.root.visible);for(var i,r=0;this.batchs.length>r;r++)i=this.batchs[r],i instanceof n.WebGLBatch?this.batchs[r].render():i instanceof n.TilingSprite?i.visible&&this.renderTilingSprite(i,t):i instanceof n.Strip?i.visible&&this.renderStrip(i,t):i instanceof n.Graphics?i.visible&&i.renderable&&n.WebGLGraphics.renderGraphics(i,t):i instanceof n.FilterBlock&&(i.open?(e.enable(e.STENCIL_TEST),e.colorMask(!1,!1,!1,!1),e.stencilFunc(e.ALWAYS,1,255),e.stencilOp(e.KEEP,e.KEEP,e.REPLACE),n.WebGLGraphics.renderGraphics(i.mask,t),e.colorMask(!0,!0,!0,!1),e.stencilFunc(e.NOTEQUAL,0,255),e.stencilOp(e.KEEP,e.KEEP,e.KEEP)):e.disable(e.STENCIL_TEST))},n.WebGLRenderGroup.prototype.handleFilter=function(){},n.WebGLRenderGroup.prototype.renderSpecific=function(t,e){n.WebGLRenderer.updateTextures();var i=this.gl;this.checkVisibility(t,t.visible),i.uniform2f(n.shaderProgram.projectionVector,e.x,e.y);for(var r,s,o,a,h=t.first;h._iNext&&(h=h._iNext,!h.renderable||!h.__renderGroup););var l=h.batch;if(h instanceof n.Sprite){l=h.batch;var u=l.head;if(u==h)r=0;else for(r=1;u.__next!=h;)r++,u=u.__next}else l=h;for(var c,p=t,d=t;d.children.length>0;)d=d.children[d.children.length-1],d.renderable&&(p=d);if(p instanceof n.Sprite){c=p.batch;var u=c.head;if(u==p)o=0;else for(o=1;u.__next!=p;)o++,u=u.__next}else c=p;if(l==c)return l instanceof n.WebGLBatch?l.render(r,o+1):this.renderSpecial(l,e),void 0;s=this.batchs.indexOf(l),a=this.batchs.indexOf(c),l instanceof n.WebGLBatch?l.render(r):this.renderSpecial(l,e);for(var f=s+1;a>f;f++)renderable=this.batchs[f],renderable instanceof n.WebGLBatch?this.batchs[f].render():this.renderSpecial(renderable,e);c instanceof n.WebGLBatch?c.render(0,o+1):this.renderSpecial(c,e)},n.WebGLRenderGroup.prototype.renderSpecial=function(t,e){if(t instanceof n.TilingSprite)t.visible&&this.renderTilingSprite(t,e);else if(t instanceof n.Strip)t.visible&&this.renderStrip(t,e);else if(t instanceof n.CustomRenderable)t.visible&&t.renderWebGL(this,e);else if(t instanceof n.Graphics)t.visible&&t.renderable&&n.WebGLGraphics.renderGraphics(t,e);else if(t instanceof n.FilterBlock){var i=n.gl;t.open?(i.enable(i.STENCIL_TEST),i.colorMask(!1,!1,!1,!1),i.stencilFunc(i.ALWAYS,1,255),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),n.WebGLGraphics.renderGraphics(t.mask,e),i.colorMask(!0,!0,!0,!0),i.stencilFunc(i.NOTEQUAL,0,255),i.stencilOp(i.KEEP,i.KEEP,i.KEEP)):i.disable(i.STENCIL_TEST)}},n.WebGLRenderGroup.prototype.checkVisibility=function(t,e){for(var i=t.children,r=0;i.length>r;r++){var n=i[r];n.worldVisible=n.visible&&e,n.textureChange&&(n.textureChange=!1,n.worldVisible&&this.updateTexture(n)),n.children.length>0&&this.checkVisibility(n,n.worldVisible)}},n.WebGLRenderGroup.prototype.updateTexture=function(t){this.removeObject(t);for(var e=t.first;e!=this.root&&(e=e._iPrev,!e.renderable||!e.__renderGroup););for(var i=t.last;i._iNext&&(i=i._iNext,!i.renderable||!i.__renderGroup););this.insertObject(t,e,i)},n.WebGLRenderGroup.prototype.addFilterBlocks=function(t,e){t.__renderGroup=this,e.__renderGroup=this;for(var i=t;i!=this.root&&(i=i._iPrev,!i.renderable||!i.__renderGroup););this.insertAfter(t,i);for(var r=e;r!=this.root&&(r=r._iPrev,!r.renderable||!r.__renderGroup););this.insertAfter(e,r)},n.WebGLRenderGroup.prototype.removeFilterBlocks=function(t,e){this.removeObject(t),this.removeObject(e)},n.WebGLRenderGroup.prototype.addDisplayObjectAndChildren=function(t){t.__renderGroup&&t.__renderGroup.removeDisplayObjectAndChildren(t);for(var e=t.first;e!=this.root.first&&(e=e._iPrev,!e.renderable||!e.__renderGroup););for(var i=t.last;i._iNext&&(i=i._iNext,!i.renderable||!i.__renderGroup););var r=t.first,n=t.last._iNext;do r.__renderGroup=this,r.renderable&&(this.insertObject(r,e,i),e=r),r=r._iNext;while(r!=n)},n.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren=function(t){if(t.__renderGroup==this){t.last;do t.__renderGroup=null,t.renderable&&this.removeObject(t),t=t._iNext;while(t)}},n.WebGLRenderGroup.prototype.insertObject=function(t,e,i){var r=e,s=i;if(t instanceof n.Sprite){var o,a;if(r instanceof n.Sprite){if(o=r.batch,o&&o.texture==t.texture.baseTexture&&o.blendMode==t.blendMode)return o.insertAfter(t,r),void 0}else o=r;if(s)if(s instanceof n.Sprite){if(a=s.batch){if(a.texture==t.texture.baseTexture&&a.blendMode==t.blendMode)return a.insertBefore(t,s),void 0;if(a==o){var h=o.split(s),l=n.WebGLRenderer.getBatch(),u=this.batchs.indexOf(o);return l.init(t),this.batchs.splice(u+1,0,l,h),void 0}}}else a=s;var l=n.WebGLRenderer.getBatch();if(l.init(t),o){var u=this.batchs.indexOf(o);this.batchs.splice(u+1,0,l)}else this.batchs.push(l)}else t instanceof n.TilingSprite?this.initTilingSprite(t):t instanceof n.Strip&&this.initStrip(t),this.insertAfter(t,r)},n.WebGLRenderGroup.prototype.insertAfter=function(t,e){if(e instanceof n.Sprite){var i=e.batch;if(i)if(i.tail==e){var r=this.batchs.indexOf(i);this.batchs.splice(r+1,0,t)}else{var s=i.split(e.__next),r=this.batchs.indexOf(i);this.batchs.splice(r+1,0,t,s)}else this.batchs.push(t)}else{var r=this.batchs.indexOf(e);this.batchs.splice(r+1,0,t)}},n.WebGLRenderGroup.prototype.removeObject=function(t){var e;if(t instanceof n.Sprite){var i=t.batch;if(!i)return;i.remove(t),0==i.size&&(e=i)}else e=t;if(e){var r=this.batchs.indexOf(e);if(-1==r)return;if(0==r||r==this.batchs.length-1)return this.batchs.splice(r,1),e instanceof n.WebGLBatch&&n.WebGLRenderer.returnBatch(e),void 0;if(this.batchs[r-1]instanceof n.WebGLBatch&&this.batchs[r+1]instanceof n.WebGLBatch&&this.batchs[r-1].texture==this.batchs[r+1].texture&&this.batchs[r-1].blendMode==this.batchs[r+1].blendMode)return this.batchs[r-1].merge(this.batchs[r+1]),e instanceof n.WebGLBatch&&n.WebGLRenderer.returnBatch(e),n.WebGLRenderer.returnBatch(this.batchs[r+1]),this.batchs.splice(r,2),void 0;this.batchs.splice(r,1),e instanceof n.WebGLBatch&&n.WebGLRenderer.returnBatch(e)}},n.WebGLRenderGroup.prototype.initTilingSprite=function(t){var e=this.gl;t.verticies=new Float32Array([0,0,t.width,0,t.width,t.height,0,t.height]),t.uvs=new Float32Array([0,0,1,0,1,1,0,1]),t.colors=new Float32Array([1,1,1,1]),t.indices=new Uint16Array([0,1,3,2]),t._vertexBuffer=e.createBuffer(),t._indexBuffer=e.createBuffer(),t._uvBuffer=e.createBuffer(),t._colorBuffer=e.createBuffer(),e.bindBuffer(e.ARRAY_BUFFER,t._vertexBuffer),e.bufferData(e.ARRAY_BUFFER,t.verticies,e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,t._uvBuffer),e.bufferData(e.ARRAY_BUFFER,t.uvs,e.DYNAMIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,t._colorBuffer),e.bufferData(e.ARRAY_BUFFER,t.colors,e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,t._indexBuffer),e.bufferData(e.ELEMENT_ARRAY_BUFFER,t.indices,e.STATIC_DRAW),t.texture.baseTexture._glTexture?(e.bindTexture(e.TEXTURE_2D,t.texture.baseTexture._glTexture),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.REPEAT),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.REPEAT),t.texture.baseTexture._powerOf2=!0):t.texture.baseTexture._powerOf2=!0},n.WebGLRenderGroup.prototype.renderStrip=function(t,e){var i=this.gl,r=n.shaderProgram;i.useProgram(n.stripShaderProgram);var s=n.mat3.clone(t.worldTransform);n.mat3.transpose(s),i.uniformMatrix3fv(n.stripShaderProgram.translationMatrix,!1,s),i.uniform2f(n.stripShaderProgram.projectionVector,e.x,e.y),i.uniform1f(n.stripShaderProgram.alpha,t.worldAlpha),t.dirty?(t.dirty=!1,i.bindBuffer(i.ARRAY_BUFFER,t._vertexBuffer),i.bufferData(i.ARRAY_BUFFER,t.verticies,i.STATIC_DRAW),i.vertexAttribPointer(r.vertexPositionAttribute,2,i.FLOAT,!1,0,0),i.bindBuffer(i.ARRAY_BUFFER,t._uvBuffer),i.bufferData(i.ARRAY_BUFFER,t.uvs,i.STATIC_DRAW),i.vertexAttribPointer(r.textureCoordAttribute,2,i.FLOAT,!1,0,0),i.activeTexture(i.TEXTURE0),i.bindTexture(i.TEXTURE_2D,t.texture.baseTexture._glTexture),i.bindBuffer(i.ARRAY_BUFFER,t._colorBuffer),i.bufferData(i.ARRAY_BUFFER,t.colors,i.STATIC_DRAW),i.vertexAttribPointer(r.colorAttribute,1,i.FLOAT,!1,0,0),i.bindBuffer(i.ELEMENT_ARRAY_BUFFER,t._indexBuffer),i.bufferData(i.ELEMENT_ARRAY_BUFFER,t.indices,i.STATIC_DRAW)):(i.bindBuffer(i.ARRAY_BUFFER,t._vertexBuffer),i.bufferSubData(i.ARRAY_BUFFER,0,t.verticies),i.vertexAttribPointer(r.vertexPositionAttribute,2,i.FLOAT,!1,0,0),i.bindBuffer(i.ARRAY_BUFFER,t._uvBuffer),i.vertexAttribPointer(r.textureCoordAttribute,2,i.FLOAT,!1,0,0),i.activeTexture(i.TEXTURE0),i.bindTexture(i.TEXTURE_2D,t.texture.baseTexture._glTexture),i.bindBuffer(i.ARRAY_BUFFER,t._colorBuffer),i.vertexAttribPointer(r.colorAttribute,1,i.FLOAT,!1,0,0),i.bindBuffer(i.ELEMENT_ARRAY_BUFFER,t._indexBuffer)),i.drawElements(i.TRIANGLE_STRIP,t.indices.length,i.UNSIGNED_SHORT,0),i.useProgram(n.shaderProgram)},n.WebGLRenderGroup.prototype.renderTilingSprite=function(t,e){var i=this.gl;n.shaderProgram;var r=t.tilePosition,s=t.tileScale,o=r.x/t.texture.baseTexture.width,a=r.y/t.texture.baseTexture.height,h=t.width/t.texture.baseTexture.width/s.x,l=t.height/t.texture.baseTexture.height/s.y;t.uvs[0]=0-o,t.uvs[1]=0-a,t.uvs[2]=1*h-o,t.uvs[3]=0-a,t.uvs[4]=1*h-o,t.uvs[5]=1*l-a,t.uvs[6]=0-o,t.uvs[7]=1*l-a,i.bindBuffer(i.ARRAY_BUFFER,t._uvBuffer),i.bufferSubData(i.ARRAY_BUFFER,0,t.uvs),this.renderStrip(t,e)},n.WebGLRenderGroup.prototype.initStrip=function(t){var e=this.gl;this.shaderProgram,t._vertexBuffer=e.createBuffer(),t._indexBuffer=e.createBuffer(),t._uvBuffer=e.createBuffer(),t._colorBuffer=e.createBuffer(),e.bindBuffer(e.ARRAY_BUFFER,t._vertexBuffer),e.bufferData(e.ARRAY_BUFFER,t.verticies,e.DYNAMIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,t._uvBuffer),e.bufferData(e.ARRAY_BUFFER,t.uvs,e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,t._colorBuffer),e.bufferData(e.ARRAY_BUFFER,t.colors,e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,t._indexBuffer),e.bufferData(e.ELEMENT_ARRAY_BUFFER,t.indices,e.STATIC_DRAW)},n.CanvasRenderer=function(t,e,i,r){this.transparent=r,this.width=t||800,this.height=e||600,this.view=i||document.createElement("canvas"),this.context=this.view.getContext("2d"),this.refresh=!0,this.view.width=this.width,this.view.height=this.height,this.count=0},n.CanvasRenderer.prototype.constructor=n.CanvasRenderer,n.CanvasRenderer.prototype.render=function(t){n.texturesToUpdate=[],n.texturesToDestroy=[],t.updateTransform(),this.view.style.backgroundColor==t.backgroundColorString||this.transparent||(this.view.style.backgroundColor=t.backgroundColorString),this.context.setTransform(1,0,0,1,0,0),this.context.clearRect(0,0,this.width,this.height),this.renderDisplayObject(t),t.interactive&&(t._interactiveEventsAdded||(t._interactiveEventsAdded=!0,t.interactionManager.setTarget(this))),n.Texture.frameUpdates.length>0&&(n.Texture.frameUpdates=[])},n.CanvasRenderer.prototype.resize=function(t,e){this.width=t,this.height=e,this.view.width=t,this.view.height=e},n.CanvasRenderer.prototype.renderDisplayObject=function(t){var e,i=this.context;i.globalCompositeOperation="source-over";var r=t.last._iNext;t=t.first;do if(e=t.worldTransform,t.visible)if(t.renderable){if(t instanceof n.Sprite){var s=t.texture.frame;s&&(i.globalAlpha=t.worldAlpha,i.setTransform(e[0],e[3],e[1],e[4],e[2],e[5]),i.drawImage(t.texture.baseTexture.source,s.x,s.y,s.width,s.height,t.anchor.x*-s.width,t.anchor.y*-s.height,s.width,s.height))}else if(t instanceof n.Strip)i.setTransform(e[0],e[3],e[1],e[4],e[2],e[5]),this.renderStrip(t);else if(t instanceof n.TilingSprite)i.setTransform(e[0],e[3],e[1],e[4],e[2],e[5]),this.renderTilingSprite(t);else if(t instanceof n.CustomRenderable)t.renderCanvas(this);else if(t instanceof n.Graphics)i.setTransform(e[0],e[3],e[1],e[4],e[2],e[5]),n.CanvasGraphics.renderGraphics(t,i);else if(t instanceof n.FilterBlock)if(t.open){i.save();var o=t.mask.alpha,a=t.mask.worldTransform;i.setTransform(a[0],a[3],a[1],a[4],a[2],a[5]),t.mask.worldAlpha=.5,i.worldAlpha=0,n.CanvasGraphics.renderGraphicsMask(t.mask,i),i.clip(),t.mask.worldAlpha=o}else i.restore();t=t._iNext}else t=t._iNext;else t=t.last._iNext;while(t!=r)},n.CanvasRenderer.prototype.renderStripFlat=function(t){var e=this.context,i=t.verticies;t.uvs;var r=i.length/2;this.count++,e.beginPath();for(var n=1;r-2>n;n++){var s=2*n,o=i[s],a=i[s+2],h=i[s+4],l=i[s+1],u=i[s+3],c=i[s+5];e.moveTo(o,l),e.lineTo(a,u),e.lineTo(h,c)}e.fillStyle="#FF0000",e.fill(),e.closePath()},n.CanvasRenderer.prototype.renderTilingSprite=function(t){var e=this.context;e.globalAlpha=t.worldAlpha,t.__tilePattern||(t.__tilePattern=e.createPattern(t.texture.baseTexture.source,"repeat")),e.beginPath();var i=t.tilePosition,r=t.tileScale;e.scale(r.x,r.y),e.translate(i.x,i.y),e.fillStyle=t.__tilePattern,e.fillRect(-i.x,-i.y,t.width/r.x,t.height/r.y),e.scale(1/r.x,1/r.y),e.translate(-i.x,-i.y),e.closePath()},n.CanvasRenderer.prototype.renderStrip=function(t){var e=this.context,i=t.verticies,r=t.uvs,n=i.length/2;this.count++;for(var s=1;n-2>s;s++){var o=2*s,a=i[o],h=i[o+2],l=i[o+4],u=i[o+1],c=i[o+3],p=i[o+5],d=r[o]*t.texture.width,f=r[o+2]*t.texture.width,v=r[o+4]*t.texture.width,m=r[o+1]*t.texture.height,g=r[o+3]*t.texture.height,x=r[o+5]*t.texture.height;e.save(),e.beginPath(),e.moveTo(a,u),e.lineTo(h,c),e.lineTo(l,p),e.closePath(),e.clip();var b=d*g+m*v+f*x-g*v-m*f-d*x,y=a*g+m*l+h*x-g*l-m*h-a*x,T=d*h+a*v+f*l-h*v-a*f-d*l,_=d*g*l+m*h*v+a*f*x-a*g*v-m*f*l-d*h*x,w=u*g+m*p+c*x-g*p-m*c-u*x,A=d*c+u*v+f*p-c*v-u*f-d*p,R=d*g*p+m*c*v+u*f*x-u*g*v-m*f*p-d*c*x;e.transform(y/b,w/b,T/b,A/b,_/b,R/b),e.drawImage(t.texture.baseTexture.source,0,0),e.restore()}},n.CanvasGraphics=function(){},n.CanvasGraphics.renderGraphics=function(t,e){for(var i=t.worldAlpha,r=0;t.graphicsData.length>r;r++){var s=t.graphicsData[r],o=s.points;if(e.strokeStyle=color="#"+("00000"+(0|s.lineColor).toString(16)).substr(-6),e.lineWidth=s.lineWidth,s.type==n.Graphics.POLY){e.beginPath(),e.moveTo(o[0],o[1]);for(var a=1;o.length/2>a;a++)e.lineTo(o[2*a],o[2*a+1]);o[0]==o[o.length-2]&&o[1]==o[o.length-1]&&e.closePath(),s.fill&&(e.globalAlpha=s.fillAlpha*i,e.fillStyle=color="#"+("00000"+(0|s.fillColor).toString(16)).substr(-6),e.fill()),s.lineWidth&&(e.globalAlpha=s.lineAlpha*i,e.stroke())}else if(s.type==n.Graphics.RECT)s.fillColor&&(e.globalAlpha=s.fillAlpha*i,e.fillStyle=color="#"+("00000"+(0|s.fillColor).toString(16)).substr(-6),e.fillRect(o[0],o[1],o[2],o[3])),s.lineWidth&&(e.globalAlpha=s.lineAlpha*i,e.strokeRect(o[0],o[1],o[2],o[3]));else if(s.type==n.Graphics.CIRC)e.beginPath(),e.arc(o[0],o[1],o[2],0,2*Math.PI),e.closePath(),s.fill&&(e.globalAlpha=s.fillAlpha*i,e.fillStyle=color="#"+("00000"+(0|s.fillColor).toString(16)).substr(-6),e.fill()),s.lineWidth&&(e.globalAlpha=s.lineAlpha*i,e.stroke());else if(s.type==n.Graphics.ELIP){var h=s.points,l=2*h[2],u=2*h[3],c=h[0]-l/2,p=h[1]-u/2;e.beginPath();var d=.5522848,f=l/2*d,v=u/2*d,m=c+l,g=p+u,x=c+l/2,b=p+u/2;e.moveTo(c,b),e.bezierCurveTo(c,b-v,x-f,p,x,p),e.bezierCurveTo(x+f,p,m,b-v,m,b),e.bezierCurveTo(m,b+v,x+f,g,x,g),e.bezierCurveTo(x-f,g,c,b+v,c,b),e.closePath(),s.fill&&(e.globalAlpha=s.fillAlpha*i,e.fillStyle=color="#"+("00000"+(0|s.fillColor).toString(16)).substr(-6),e.fill()),s.lineWidth&&(e.globalAlpha=s.lineAlpha*i,e.stroke())}}},n.CanvasGraphics.renderGraphicsMask=function(t,e){t.worldAlpha;var i=t.graphicsData.length;i>1&&(i=1,console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object"));for(var r=0;1>r;r++){var s=t.graphicsData[r],o=s.points;if(s.type==n.Graphics.POLY){e.beginPath(),e.moveTo(o[0],o[1]);for(var a=1;o.length/2>a;a++)e.lineTo(o[2*a],o[2*a+1]);o[0]==o[o.length-2]&&o[1]==o[o.length-1]&&e.closePath()}else if(s.type==n.Graphics.RECT)e.beginPath(),e.rect(o[0],o[1],o[2],o[3]),e.closePath();else if(s.type==n.Graphics.CIRC)e.beginPath(),e.arc(o[0],o[1],o[2],0,2*Math.PI),e.closePath();else if(s.type==n.Graphics.ELIP){var h=s.points,l=2*h[2],u=2*h[3],c=h[0]-l/2,p=h[1]-u/2;e.beginPath();var d=.5522848,f=l/2*d,v=u/2*d,m=c+l,g=p+u,x=c+l/2,b=p+u/2;e.moveTo(c,b),e.bezierCurveTo(c,b-v,x-f,p,x,p),e.bezierCurveTo(x+f,p,m,b-v,m,b),e.bezierCurveTo(m,b+v,x+f,g,x,g),e.bezierCurveTo(x-f,g,c,b+v,c,b),e.closePath()}}},n.Graphics=function(){n.DisplayObjectContainer.call(this),this.renderable=!0,this.fillAlpha=1,this.lineWidth=0,this.lineColor="black",this.graphicsData=[],this.currentPath={points:[]}},n.Graphics.prototype=Object.create(n.DisplayObjectContainer.prototype),n.Graphics.prototype.constructor=n.Graphics,n.Graphics.prototype.lineStyle=function(t,e,i){0==this.currentPath.points.length&&this.graphicsData.pop(),this.lineWidth=t||0,this.lineColor=e||0,this.lineAlpha=void 0==i?1:i,this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[],type:n.Graphics.POLY},this.graphicsData.push(this.currentPath)},n.Graphics.prototype.moveTo=function(t,e){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath=this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[],type:n.Graphics.POLY},this.currentPath.points.push(t,e),this.graphicsData.push(this.currentPath)
-},n.Graphics.prototype.lineTo=function(t,e){this.currentPath.points.push(t,e),this.dirty=!0},n.Graphics.prototype.beginFill=function(t,e){this.filling=!0,this.fillColor=t||0,this.fillAlpha=e||1},n.Graphics.prototype.endFill=function(){this.filling=!1,this.fillColor=null,this.fillAlpha=1},n.Graphics.prototype.drawRect=function(t,e,i,r){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[t,e,i,r],type:n.Graphics.RECT},this.graphicsData.push(this.currentPath),this.dirty=!0},n.Graphics.prototype.drawCircle=function(t,e,i){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[t,e,i,i],type:n.Graphics.CIRC},this.graphicsData.push(this.currentPath),this.dirty=!0},n.Graphics.prototype.drawElipse=function(t,e,i,r){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[t,e,i,r],type:n.Graphics.ELIP},this.graphicsData.push(this.currentPath),this.dirty=!0},n.Graphics.prototype.clear=function(){this.lineWidth=0,this.filling=!1,this.dirty=!0,this.clearDirty=!0,this.graphicsData=[]},n.Graphics.POLY=0,n.Graphics.RECT=1,n.Graphics.CIRC=2,n.Graphics.ELIP=3,n.Strip=function(t,e,i){n.DisplayObjectContainer.call(this),this.texture=t,this.blendMode=n.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(r){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=e,this.height=i,t.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},n.Strip.prototype=Object.create(n.DisplayObjectContainer.prototype),n.Strip.prototype.constructor=n.Strip,n.Strip.prototype.setTexture=function(t){this.texture=t,this.width=t.frame.width,this.height=t.frame.height,this.updateFrame=!0},n.Strip.prototype.onTextureUpdate=function(){this.updateFrame=!0},n.Rope=function(t,e){n.Strip.call(this,t),this.points=e;try{this.verticies=new Float32Array(4*e.length),this.uvs=new Float32Array(4*e.length),this.colors=new Float32Array(2*e.length),this.indices=new Uint16Array(2*e.length)}catch(i){this.verticies=verticies,this.uvs=uvs,this.colors=colors,this.indices=indices}this.refresh()},n.Rope.prototype=Object.create(n.Strip.prototype),n.Rope.prototype.constructor=n.Rope,n.Rope.prototype.refresh=function(){var t=this.points;if(!(1>t.length)){var e=this.uvs,i=this.indices,r=this.colors,n=t[0],s=t[0];this.count-=.2,e[0]=0,e[1]=1,e[2]=0,e[3]=1,r[0]=1,r[1]=1,i[0]=0,i[1]=1;for(var o=t.length,a=1;o>a;a++){var s=t[a],h=4*a,l=a/(o-1);a%2?(e[h]=l,e[h+1]=0,e[h+2]=l,e[h+3]=1):(e[h]=l,e[h+1]=0,e[h+2]=l,e[h+3]=1),h=2*a,r[h]=1,r[h+1]=1,h=2*a,i[h]=h,i[h+1]=h+1,n=s}}},n.Rope.prototype.updateTransform=function(){var t=this.points;if(!(1>t.length)){var e,i=this.verticies,r=t[0],s={x:0,y:0},o=t[0];this.count-=.2,i[0]=o.x+s.x,i[1]=o.y+s.y,i[2]=o.x-s.x,i[3]=o.y-s.y;for(var a=t.length,h=1;a>h;h++){var o=t[h],l=4*h;e=t.length-1>h?t[h+1]:o,s.y=-(e.x-r.x),s.x=e.y-r.y;var u=10*(1-h/(a-1));u>1&&(u=1);var c=Math.sqrt(s.x*s.x+s.y*s.y),p=this.texture.height/2;s.x/=c,s.y/=c,s.x*=p,s.y*=p,i[l]=o.x+s.x,i[l+1]=o.y+s.y,i[l+2]=o.x-s.x,i[l+3]=o.y-s.y,r=o}n.DisplayObjectContainer.prototype.updateTransform.call(this)}},n.Rope.prototype.setTexture=function(t){this.texture=t,this.updateFrame=!0},n.TilingSprite=function(t,e,i){n.DisplayObjectContainer.call(this),this.texture=t,this.width=e,this.height=i,this.tileScale=new n.Point(1,1),this.tilePosition=new n.Point(0,0),this.renderable=!0,this.blendMode=n.blendModes.NORMAL},n.TilingSprite.prototype=Object.create(n.DisplayObjectContainer.prototype),n.TilingSprite.prototype.constructor=n.TilingSprite,n.TilingSprite.prototype.setTexture=function(t){this.texture=t,this.updateFrame=!0},n.TilingSprite.prototype.onTextureUpdate=function(){this.updateFrame=!0},n.Spine=function(t){if(n.DisplayObjectContainer.call(this),this.spineData=n.AnimCache[t],!this.spineData)throw Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: "+t);this.count=0,this.sprites=[],this.skeleton=new u.Skeleton(this.spineData),this.skeleton.updateWorldTransform(),this.stateData=new u.AnimationStateData(this.spineData),this.state=new u.AnimationState(this.stateData);for(var e=0;this.skeleton.drawOrder.length>e;e++){var i=this.skeleton.drawOrder[e].data.attachmentName;n.TextureCache[i]||(i+=".png");var r=new n.Sprite(n.Texture.fromFrame(i));r.anchor.x=r.anchor.y=.5,this.addChild(r),this.sprites.push(r)}},n.Spine.prototype=Object.create(n.DisplayObjectContainer.prototype),n.Spine.prototype.constructor=n.Spine,n.Spine.prototype.updateTransform=function(){this.state.update(1/60),this.state.apply(this.skeleton),this.skeleton.updateWorldTransform();for(var t=0;this.skeleton.drawOrder.length>t;t++){var e=this.skeleton.drawOrder[t],i=e.bone.worldX+e.attachment.x*e.bone.m00+e.attachment.y*e.bone.m01+.5*e.attachment.width,r=e.bone.worldY+e.attachment.x*e.bone.m10+e.attachment.y*e.bone.m11+.5*e.attachment.height;if(e.cacheName!=e.attachment.name){var s=e.attachment.name;n.TextureCache[s]||(s+=".png"),this.sprites[t].setTexture(n.TextureCache[s]),e.cacheName=e.attachment.name}i+=-(e.attachment.width*(e.bone.worldScaleX+e.attachment.scaleX-1)>>1),r+=-(e.attachment.height*(e.bone.worldScaleY+e.attachment.scaleY-1)>>1),this.sprites[t].position.x=i,this.sprites[t].position.y=r,this.sprites[t].rotation=-(e.bone.worldRotation+e.attachment.rotation)*(Math.PI/180)}n.DisplayObjectContainer.prototype.updateTransform.call(this)};var u={};u.BoneData=function(t,e){this.name=t,this.parent=e},u.BoneData.prototype={length:0,x:0,y:0,rotation:0,scaleX:1,scaleY:1},u.SlotData=function(t,e){this.name=t,this.boneData=e},u.SlotData.prototype={r:1,g:1,b:1,a:1,attachmentName:null},u.Bone=function(t,e){this.data=t,this.parent=e,this.setToSetupPose()},u.Bone.yDown=!1,u.Bone.prototype={x:0,y:0,rotation:0,scaleX:1,scaleY:1,m00:0,m01:0,worldX:0,m10:0,m11:0,worldY:0,worldRotation:0,worldScaleX:1,worldScaleY:1,updateWorldTransform:function(t,e){var i=this.parent;null!=i?(this.worldX=this.x*i.m00+this.y*i.m01+i.worldX,this.worldY=this.x*i.m10+this.y*i.m11+i.worldY,this.worldScaleX=i.worldScaleX*this.scaleX,this.worldScaleY=i.worldScaleY*this.scaleY,this.worldRotation=i.worldRotation+this.rotation):(this.worldX=this.x,this.worldY=this.y,this.worldScaleX=this.scaleX,this.worldScaleY=this.scaleY,this.worldRotation=this.rotation);var r=this.worldRotation*Math.PI/180,n=Math.cos(r),s=Math.sin(r);this.m00=n*this.worldScaleX,this.m10=s*this.worldScaleX,this.m01=-s*this.worldScaleY,this.m11=n*this.worldScaleY,t&&(this.m00=-this.m00,this.m01=-this.m01),e&&(this.m10=-this.m10,this.m11=-this.m11),u.Bone.yDown&&(this.m10=-this.m10,this.m11=-this.m11)},setToSetupPose:function(){var t=this.data;this.x=t.x,this.y=t.y,this.rotation=t.rotation,this.scaleX=t.scaleX,this.scaleY=t.scaleY}},u.Slot=function(t,e,i){this.data=t,this.skeleton=e,this.bone=i,this.setToSetupPose()},u.Slot.prototype={r:1,g:1,b:1,a:1,_attachmentTime:0,attachment:null,setAttachment:function(t){this.attachment=t,this._attachmentTime=this.skeleton.time},setAttachmentTime:function(t){this._attachmentTime=this.skeleton.time-t},getAttachmentTime:function(){return this.skeleton.time-this._attachmentTime},setToSetupPose:function(){var t=this.data;this.r=t.r,this.g=t.g,this.b=t.b,this.a=t.a;for(var e=this.skeleton.data.slots,i=0,r=e.length;r>i;i++)if(e[i]==t){this.setAttachment(t.attachmentName?this.skeleton.getAttachmentBySlotIndex(i,t.attachmentName):null);break}}},u.Skin=function(t){this.name=t,this.attachments={}},u.Skin.prototype={addAttachment:function(t,e,i){this.attachments[t+":"+e]=i},getAttachment:function(t,e){return this.attachments[t+":"+e]},_attachAll:function(t,e){for(var i in e.attachments){var r=i.indexOf(":"),n=parseInt(i.substring(0,r)),s=i.substring(r+1),o=t.slots[n];if(o.attachment&&o.attachment.name==s){var a=this.getAttachment(n,s);a&&o.setAttachment(a)}}}},u.Animation=function(t,e,i){this.name=t,this.timelines=e,this.duration=i},u.Animation.prototype={apply:function(t,e,i){i&&0!=this.duration&&(e%=this.duration);for(var r=this.timelines,n=0,s=r.length;s>n;n++)r[n].apply(t,e,1)},mix:function(t,e,i,r){i&&0!=this.duration&&(e%=this.duration);for(var n=this.timelines,s=0,o=n.length;o>s;s++)n[s].apply(t,e,r)}},u.binarySearch=function(t,e,i){var r=0,n=Math.floor(t.length/i)-2;if(0==n)return i;for(var s=n>>>1;;){if(e>=t[(s+1)*i]?r=s+1:n=s,r==n)return(r+1)*i;s=r+n>>>1}},u.linearSearch=function(t,e,i){for(var r=0,n=t.length-i;n>=r;r+=i)if(t[r]>e)return r;return-1},u.Curves=function(t){this.curves=[],this.curves.length=6*(t-1)},u.Curves.prototype={setLinear:function(t){this.curves[6*t]=0},setStepped:function(t){this.curves[6*t]=-1},setCurve:function(t,e,i,r,n){var s=.1,o=s*s,a=o*s,h=3*s,l=3*o,u=6*o,c=6*a,p=2*-e+r,d=2*-i+n,f=3*(e-r)+1,v=3*(i-n)+1,m=6*t,g=this.curves;g[m]=e*h+p*l+f*a,g[m+1]=i*h+d*l+v*a,g[m+2]=p*u+f*c,g[m+3]=d*u+v*c,g[m+4]=f*c,g[m+5]=v*c},getCurvePercent:function(t,e){e=0>e?0:e>1?1:e;var i=6*t,r=this.curves,n=r[i];if(!n)return e;if(-1==n)return 0;for(var s=r[i+1],o=r[i+2],a=r[i+3],h=r[i+4],l=r[i+5],u=n,c=s,p=8;;){if(u>=e){var d=u-n,f=c-s;return f+(c-f)*(e-d)/(u-d)}if(0==p)break;p--,n+=o,s+=a,o+=h,a+=l,u+=n,c+=s}return c+(1-c)*(e-u)/(1-u)}},u.RotateTimeline=function(t){this.curves=new u.Curves(t),this.frames=[],this.frames.length=2*t},u.RotateTimeline.prototype={boneIndex:0,getFrameCount:function(){return this.frames.length/2},setFrame:function(t,e,i){t*=2,this.frames[t]=e,this.frames[t+1]=i},apply:function(t,e,i){var r=this.frames;if(!(r[0]>e)){var n=t.bones[this.boneIndex];if(e>=r[r.length-2]){for(var s=n.data.rotation+r[r.length-1]-n.rotation;s>180;)s-=360;for(;-180>s;)s+=360;return n.rotation+=s*i,void 0}var o=u.binarySearch(r,e,2),a=r[o-1],h=r[o],l=1-(e-h)/(r[o-2]-h);l=this.curves.getCurvePercent(o/2-1,l);for(var s=r[o+1]-a;s>180;)s-=360;for(;-180>s;)s+=360;for(s=n.data.rotation+(a+s*l)-n.rotation;s>180;)s-=360;for(;-180>s;)s+=360;n.rotation+=s*i}}},u.TranslateTimeline=function(t){this.curves=new u.Curves(t),this.frames=[],this.frames.length=3*t},u.TranslateTimeline.prototype={boneIndex:0,getFrameCount:function(){return this.frames.length/3},setFrame:function(t,e,i,r){t*=3,this.frames[t]=e,this.frames[t+1]=i,this.frames[t+2]=r},apply:function(t,e,i){var r=this.frames;if(!(r[0]>e)){var n=t.bones[this.boneIndex];if(e>=r[r.length-3])return n.x+=(n.data.x+r[r.length-2]-n.x)*i,n.y+=(n.data.y+r[r.length-1]-n.y)*i,void 0;var s=u.binarySearch(r,e,3),o=r[s-2],a=r[s-1],h=r[s],l=1-(e-h)/(r[s+-3]-h);l=this.curves.getCurvePercent(s/3-1,l),n.x+=(n.data.x+o+(r[s+1]-o)*l-n.x)*i,n.y+=(n.data.y+a+(r[s+2]-a)*l-n.y)*i}}},u.ScaleTimeline=function(t){this.curves=new u.Curves(t),this.frames=[],this.frames.length=3*t},u.ScaleTimeline.prototype={boneIndex:0,getFrameCount:function(){return this.frames.length/3},setFrame:function(t,e,i,r){t*=3,this.frames[t]=e,this.frames[t+1]=i,this.frames[t+2]=r},apply:function(t,e,i){var r=this.frames;if(!(r[0]>e)){var n=t.bones[this.boneIndex];if(e>=r[r.length-3])return n.scaleX+=(n.data.scaleX-1+r[r.length-2]-n.scaleX)*i,n.scaleY+=(n.data.scaleY-1+r[r.length-1]-n.scaleY)*i,void 0;var s=u.binarySearch(r,e,3),o=r[s-2],a=r[s-1],h=r[s],l=1-(e-h)/(r[s+-3]-h);l=this.curves.getCurvePercent(s/3-1,l),n.scaleX+=(n.data.scaleX-1+o+(r[s+1]-o)*l-n.scaleX)*i,n.scaleY+=(n.data.scaleY-1+a+(r[s+2]-a)*l-n.scaleY)*i}}},u.ColorTimeline=function(t){this.curves=new u.Curves(t),this.frames=[],this.frames.length=5*t},u.ColorTimeline.prototype={slotIndex:0,getFrameCount:function(){return this.frames.length/2},setFrame:function(t,e){t*=5,this.frames[t]=e,this.frames[t+1]=r,this.frames[t+2]=g,this.frames[t+3]=b,this.frames[t+4]=a},apply:function(t,e,i){var r=this.frames;if(!(r[0]>e)){var n=t.slots[this.slotIndex];if(e>=r[r.length-5]){var s=r.length-1;return n.r=r[s-3],n.g=r[s-2],n.b=r[s-1],n.a=r[s],void 0}var o=u.binarySearch(r,e,5),a=r[o-4],h=r[o-3],l=r[o-2],c=r[o-1],p=r[o],d=1-(e-p)/(r[o-5]-p);d=this.curves.getCurvePercent(o/5-1,d);var f=a+(r[o+1]-a)*d,v=h+(r[o+2]-h)*d,m=l+(r[o+3]-l)*d,g=c+(r[o+4]-c)*d;1>i?(n.r+=(f-n.r)*i,n.g+=(v-n.g)*i,n.b+=(m-n.b)*i,n.a+=(g-n.a)*i):(n.r=f,n.g=v,n.b=m,n.a=g)}}},u.AttachmentTimeline=function(t){this.curves=new u.Curves(t),this.frames=[],this.frames.length=t,this.attachmentNames=[],this.attachmentNames.length=t},u.AttachmentTimeline.prototype={slotIndex:0,getFrameCount:function(){return this.frames.length/2},setFrame:function(t,e,i){this.frames[t]=e,this.attachmentNames[t]=i},apply:function(t,e){var i=this.frames;if(!(i[0]>e)){var r;r=e>=i[i.length-1]?i.length-1:u.binarySearch(i,e,1)-1;var n=this.attachmentNames[r];t.slots[this.slotIndex].setAttachment(n?t.getAttachmentBySlotIndex(this.slotIndex,n):null)}}},u.SkeletonData=function(){this.bones=[],this.slots=[],this.skins=[],this.animations=[]},u.SkeletonData.prototype={defaultSkin:null,findBone:function(t){for(var e=this.bones,i=0,r=e.length;r>i;i++)if(e[i].name==t)return e[i];return null},findBoneIndex:function(t){for(var e=this.bones,i=0,r=e.length;r>i;i++)if(e[i].name==t)return i;return-1},findSlot:function(t){for(var e=this.slots,i=0,r=e.length;r>i;i++)if(e[i].name==t)return slot[i];return null},findSlotIndex:function(t){for(var e=this.slots,i=0,r=e.length;r>i;i++)if(e[i].name==t)return i;return-1},findSkin:function(t){for(var e=this.skins,i=0,r=e.length;r>i;i++)if(e[i].name==t)return e[i];return null},findAnimation:function(t){for(var e=this.animations,i=0,r=e.length;r>i;i++)if(e[i].name==t)return e[i];return null}},u.Skeleton=function(t){this.data=t,this.bones=[];for(var e=0,i=t.bones.length;i>e;e++){var r=t.bones[e],n=r.parent?this.bones[t.bones.indexOf(r.parent)]:null;this.bones.push(new u.Bone(r,n))}this.slots=[],this.drawOrder=[];for(var e=0,i=t.slots.length;i>e;e++){var s=t.slots[e],o=this.bones[t.bones.indexOf(s.boneData)],a=new u.Slot(s,this,o);this.slots.push(a),this.drawOrder.push(a)}},u.Skeleton.prototype={x:0,y:0,skin:null,r:1,g:1,b:1,a:1,time:0,flipX:!1,flipY:!1,updateWorldTransform:function(){for(var t=this.flipX,e=this.flipY,i=this.bones,r=0,n=i.length;n>r;r++)i[r].updateWorldTransform(t,e)},setToSetupPose:function(){this.setBonesToSetupPose(),this.setSlotsToSetupPose()},setBonesToSetupPose:function(){for(var t=this.bones,e=0,i=t.length;i>e;e++)t[e].setToSetupPose()},setSlotsToSetupPose:function(){for(var t=this.slots,e=0,i=t.length;i>e;e++)t[e].setToSetupPose(e)},getRootBone:function(){return 0==this.bones.length?null:this.bones[0]},findBone:function(t){for(var e=this.bones,i=0,r=e.length;r>i;i++)if(e[i].data.name==t)return e[i];return null},findBoneIndex:function(t){for(var e=this.bones,i=0,r=e.length;r>i;i++)if(e[i].data.name==t)return i;return-1},findSlot:function(t){for(var e=this.slots,i=0,r=e.length;r>i;i++)if(e[i].data.name==t)return e[i];return null},findSlotIndex:function(t){for(var e=this.slots,i=0,r=e.length;r>i;i++)if(e[i].data.name==t)return i;return-1},setSkinByName:function(t){var e=this.data.findSkin(t);if(!e)throw"Skin not found: "+t;this.setSkin(e)},setSkin:function(t){this.skin&&t&&t._attachAll(this,this.skin),this.skin=t},getAttachmentBySlotName:function(t,e){return this.getAttachmentBySlotIndex(this.data.findSlotIndex(t),e)},getAttachmentBySlotIndex:function(t,e){if(this.skin){var i=this.skin.getAttachment(t,e);if(i)return i}return this.data.defaultSkin?this.data.defaultSkin.getAttachment(t,e):null},setAttachment:function(t,e){for(var i=this.slots,r=0,n=i.size;n>r;r++){var s=i[r];if(s.data.name==t){var o=null;if(e&&(o=this.getAttachment(r,e),null==o))throw"Attachment not found: "+e+", for slot: "+t;return s.setAttachment(o),void 0}}throw"Slot not found: "+t},update:function(t){time+=t}},u.AttachmentType={region:0},u.RegionAttachment=function(){this.offset=[],this.offset.length=8,this.uvs=[],this.uvs.length=8},u.RegionAttachment.prototype={x:0,y:0,rotation:0,scaleX:1,scaleY:1,width:0,height:0,rendererObject:null,regionOffsetX:0,regionOffsetY:0,regionWidth:0,regionHeight:0,regionOriginalWidth:0,regionOriginalHeight:0,setUVs:function(t,e,i,r,n){var s=this.uvs;n?(s[2]=t,s[3]=r,s[4]=t,s[5]=e,s[6]=i,s[7]=e,s[0]=i,s[1]=r):(s[0]=t,s[1]=r,s[2]=t,s[3]=e,s[4]=i,s[5]=e,s[6]=i,s[7]=r)},updateOffset:function(){var t=this.width/this.regionOriginalWidth*this.scaleX,e=this.height/this.regionOriginalHeight*this.scaleY,i=-this.width/2*this.scaleX+this.regionOffsetX*t,r=-this.height/2*this.scaleY+this.regionOffsetY*e,n=i+this.regionWidth*t,s=r+this.regionHeight*e,o=this.rotation*Math.PI/180,a=Math.cos(o),h=Math.sin(o),l=i*a+this.x,u=i*h,c=r*a+this.y,p=r*h,d=n*a+this.x,f=n*h,v=s*a+this.y,m=s*h,g=this.offset;g[0]=l-p,g[1]=c+u,g[2]=l-m,g[3]=v+u,g[4]=d-m,g[5]=v+f,g[6]=d-p,g[7]=c+f},computeVertices:function(t,e,i,r){t+=i.worldX,e+=i.worldY;var n=i.m00,s=i.m01,o=i.m10,a=i.m11,h=this.offset;r[0]=h[0]*n+h[1]*s+t,r[1]=h[0]*o+h[1]*a+e,r[2]=h[2]*n+h[3]*s+t,r[3]=h[2]*o+h[3]*a+e,r[4]=h[4]*n+h[5]*s+t,r[5]=h[4]*o+h[5]*a+e,r[6]=h[6]*n+h[7]*s+t,r[7]=h[6]*o+h[7]*a+e}},u.AnimationStateData=function(t){this.skeletonData=t,this.animationToMixTime={}},u.AnimationStateData.prototype={setMixByName:function(t,e,i){var r=this.skeletonData.findAnimation(t);if(!r)throw"Animation not found: "+t;var n=this.skeletonData.findAnimation(e);if(!n)throw"Animation not found: "+e;this.setMix(r,n,i)},setMix:function(t,e,i){this.animationToMixTime[t.name+":"+e.name]=i},getMix:function(t,e){var i=this.animationToMixTime[t.name+":"+e.name];return i?i:0}},u.AnimationState=function(t){this.data=t,this.queue=[]},u.AnimationState.prototype={current:null,previous:null,currentTime:0,previousTime:0,currentLoop:!1,previousLoop:!1,mixTime:0,mixDuration:0,update:function(t){if(this.currentTime+=t,this.previousTime+=t,this.mixTime+=t,this.queue.length>0){var e=this.queue[0];this.currentTime>=e.delay&&(this._setAnimation(e.animation,e.loop),this.queue.shift())}},apply:function(t){if(this.current)if(this.previous){this.previous.apply(t,this.previousTime,this.previousLoop);var e=this.mixTime/this.mixDuration;e>=1&&(e=1,this.previous=null),this.current.mix(t,this.currentTime,this.currentLoop,e)}else this.current.apply(t,this.currentTime,this.currentLoop)},clearAnimation:function(){this.previous=null,this.current=null,this.queue.length=0},_setAnimation:function(t,e){this.previous=null,t&&this.current&&(this.mixDuration=this.data.getMix(this.current,t),this.mixDuration>0&&(this.mixTime=0,this.previous=this.current,this.previousTime=this.currentTime,this.previousLoop=this.currentLoop)),this.current=t,this.currentLoop=e,this.currentTime=0},setAnimationByName:function(t,e){var i=this.data.skeletonData.findAnimation(t);if(!i)throw"Animation not found: "+t;this.setAnimation(i,e)},setAnimation:function(t,e){this.queue.length=0,this._setAnimation(t,e)},addAnimationByName:function(t,e,i){var r=this.data.skeletonData.findAnimation(t);if(!r)throw"Animation not found: "+t;this.addAnimation(r,e,i)},addAnimation:function(t,e,i){var r={};if(r.animation=t,r.loop=e,!i||0>=i){var n=0==this.queue.length?this.current:this.queue[this.queue.length-1].animation;i=null!=n?n.duration-this.data.getMix(n,t)+(i||0):0}r.delay=i,this.queue.push(r)},isComplete:function(){return!this.current||this.currentTime>=this.current.duration}},u.SkeletonJson=function(t){this.attachmentLoader=t},u.SkeletonJson.prototype={scale:1,readSkeletonData:function(t){for(var e=new u.SkeletonData,i=t.bones,r=0,n=i.length;n>r;r++){var s=i[r],o=null;if(s.parent&&(o=e.findBone(s.parent),!o))throw"Parent bone not found: "+s.parent;var a=new u.BoneData(s.name,o);a.length=(s.length||0)*this.scale,a.x=(s.x||0)*this.scale,a.y=(s.y||0)*this.scale,a.rotation=s.rotation||0,a.scaleX=s.scaleX||1,a.scaleY=s.scaleY||1,e.bones.push(a)}for(var h=t.slots,r=0,n=h.length;n>r;r++){var l=h[r],a=e.findBone(l.bone);if(!a)throw"Slot bone not found: "+l.bone;var c=new u.SlotData(l.name,a),p=l.color;p&&(c.r=u.SkeletonJson.toColor(p,0),c.g=u.SkeletonJson.toColor(p,1),c.b=u.SkeletonJson.toColor(p,2),c.a=u.SkeletonJson.toColor(p,3)),c.attachmentName=l.attachment,e.slots.push(c)}var d=t.skins;for(var f in d)if(d.hasOwnProperty(f)){var v=d[f],m=new u.Skin(f);for(var g in v)if(v.hasOwnProperty(g)){var x=e.findSlotIndex(g),b=v[g];for(var y in b)if(b.hasOwnProperty(y)){var T=this.readAttachment(m,y,b[y]);null!=T&&m.addAttachment(x,y,T)}}e.skins.push(m),"default"==m.name&&(e.defaultSkin=m)}var _=t.animations;for(var w in _)_.hasOwnProperty(w)&&this.readAnimation(w,_[w],e);return e},readAttachment:function(t,e,i){e=i.name||e;var r=u.AttachmentType[i.type||"region"],n=new u.RegionAttachment;return n.name=e,r==u.AttachmentType.region&&(n.x=(i.x||0)*this.scale,n.y=(i.y||0)*this.scale,n.scaleX=i.scaleX||1,n.scaleY=i.scaleY||1,n.rotation=i.rotation||0,n.width=(i.width||32)*this.scale,n.height=(i.height||32)*this.scale,n.updateOffset()),n},readAnimation:function(t,e,i){var r=[],n=0,s=e.bones;for(var o in s)if(s.hasOwnProperty(o)){var a=i.findBoneIndex(o);if(-1==a)throw"Bone not found: "+o;var h=s[o];for(var l in h)if(h.hasOwnProperty(l)){var c=h[l];if("rotate"==l){var p=new u.RotateTimeline(c.length);p.boneIndex=a;for(var d=0,f=0,v=c.length;v>f;f++){var m=c[f];p.setFrame(d,m.time,m.angle),u.SkeletonJson.readCurve(p,d,m),d++}r.push(p),n=Math.max(n,p.frames[2*p.getFrameCount()-2])}else{if("translate"!=l&&"scale"!=l)throw"Invalid timeline type for a bone: "+l+" ("+o+")";var p,g=1;"scale"==l?p=new u.ScaleTimeline(c.length):(p=new u.TranslateTimeline(c.length),g=this.scale),p.boneIndex=a;for(var d=0,f=0,v=c.length;v>f;f++){var m=c[f],x=(m.x||0)*g,b=(m.y||0)*g;p.setFrame(d,m.time,x,b),u.SkeletonJson.readCurve(p,d,m),d++}r.push(p),n=Math.max(n,p.frames[3*p.getFrameCount()-3])}}}var y=e.slots;for(var T in y)if(y.hasOwnProperty(T)){var _=y[T],w=i.findSlotIndex(T);for(var l in _)if(_.hasOwnProperty(l)){var c=_[l];if("color"==l){var p=new u.ColorTimeline(c.length);p.slotIndex=w;for(var d=0,f=0,v=c.length;v>f;f++){var m=c[f],A=m.color,R=u.SkeletonJson.toColor(A,0),S=u.SkeletonJson.toColor(A,1),C=u.SkeletonJson.toColor(A,2),L=u.SkeletonJson.toColor(A,3);p.setFrame(d,m.time,R,S,C,L),u.SkeletonJson.readCurve(p,d,m),d++}r.push(p),n=Math.max(n,p.frames[5*p.getFrameCount()-5])}else{if("attachment"!=l)throw"Invalid timeline type for a slot: "+l+" ("+T+")";var p=new u.AttachmentTimeline(c.length);p.slotIndex=w;for(var d=0,f=0,v=c.length;v>f;f++){var m=c[f];p.setFrame(d++,m.time,m.name)}r.push(p),n=Math.max(n,p.frames[Math.floor(p.getFrameCount())-1])}}}i.animations.push(new u.Animation(t,r,n))}},u.SkeletonJson.readCurve=function(t,e,i){var r=i.curve;r&&("stepped"==r?t.curves.setStepped(e):r instanceof Array&&t.curves.setCurve(e,r[0],r[1],r[2],r[3]))},u.SkeletonJson.toColor=function(t,e){if(8!=t.length)throw"Color hexidecimal length must be 8, recieved: "+t;return parseInt(t.substring(2*e,2),16)/255},u.Atlas=function(t,e){this.textureLoader=e,this.pages=[],this.regions=[];var i=new u.AtlasReader(t),r=[];r.length=4;for(var n=null;;){var s=i.readLine();if(null==s)break;if(s=i.trim(s),0==s.length)n=null;else if(n){var o=new u.AtlasRegion;o.name=s,o.page=n,o.rotate="true"==i.readValue(),i.readTuple(r);var a=parseInt(r[0]),h=parseInt(r[1]);i.readTuple(r);var l=parseInt(r[0]),c=parseInt(r[1]);o.u=a/n.width,o.v=h/n.height,o.rotate?(o.u2=(a+c)/n.width,o.v2=(h+l)/n.height):(o.u2=(a+l)/n.width,o.v2=(h+c)/n.height),o.x=a,o.y=h,o.width=Math.abs(l),o.height=Math.abs(c),4==i.readTuple(r)&&(o.splits=[parseInt(r[0]),parseInt(r[1]),parseInt(r[2]),parseInt(r[3])],4==i.readTuple(r)&&(o.pads=[parseInt(r[0]),parseInt(r[1]),parseInt(r[2]),parseInt(r[3])],i.readTuple(r))),o.originalWidth=parseInt(r[0]),o.originalHeight=parseInt(r[1]),i.readTuple(r),o.offsetX=parseInt(r[0]),o.offsetY=parseInt(r[1]),o.index=parseInt(i.readValue()),this.regions.push(o)}else{n=new u.AtlasPage,n.name=s,n.format=u.Atlas.Format[i.readValue()],i.readTuple(r),n.minFilter=u.Atlas.TextureFilter[r[0]],n.magFilter=u.Atlas.TextureFilter[r[1]];var p=i.readValue();n.uWrap=u.Atlas.TextureWrap.clampToEdge,n.vWrap=u.Atlas.TextureWrap.clampToEdge,"x"==p?n.uWrap=u.Atlas.TextureWrap.repeat:"y"==p?n.vWrap=u.Atlas.TextureWrap.repeat:"xy"==p&&(n.uWrap=n.vWrap=u.Atlas.TextureWrap.repeat),e.load(n,s),this.pages.push(n)}}},u.Atlas.prototype={findRegion:function(t){for(var e=this.regions,i=0,r=e.length;r>i;i++)if(e[i].name==t)return e[i];return null},dispose:function(){for(var t=this.pages,e=0,i=t.length;i>e;e++)this.textureLoader.unload(t[e].rendererObject)},updateUVs:function(t){for(var e=this.regions,i=0,r=e.length;r>i;i++){var n=e[i];n.page==t&&(n.u=n.x/t.width,n.v=n.y/t.height,n.rotate?(n.u2=(n.x+n.height)/t.width,n.v2=(n.y+n.width)/t.height):(n.u2=(n.x+n.width)/t.width,n.v2=(n.y+n.height)/t.height))}}},u.Atlas.Format={alpha:0,intensity:1,luminanceAlpha:2,rgb565:3,rgba4444:4,rgb888:5,rgba8888:6},u.Atlas.TextureFilter={nearest:0,linear:1,mipMap:2,mipMapNearestNearest:3,mipMapLinearNearest:4,mipMapNearestLinear:5,mipMapLinearLinear:6},u.Atlas.TextureWrap={mirroredRepeat:0,clampToEdge:1,repeat:2},u.AtlasPage=function(){},u.AtlasPage.prototype={name:null,format:null,minFilter:null,magFilter:null,uWrap:null,vWrap:null,rendererObject:null,width:0,height:0},u.AtlasRegion=function(){},u.AtlasRegion.prototype={page:null,name:null,x:0,y:0,width:0,height:0,u:0,v:0,u2:0,v2:0,offsetX:0,offsetY:0,originalWidth:0,originalHeight:0,index:0,rotate:!1,splits:null,pads:null},u.AtlasReader=function(t){this.lines=t.split(/\r\n|\r|\n/)},u.AtlasReader.prototype={index:0,trim:function(t){return t.replace(/^\s+|\s+$/g,"")},readLine:function(){return this.index>=this.lines.length?null:this.lines[this.index++]},readValue:function(){var t=this.readLine(),e=t.indexOf(":");if(-1==e)throw"Invalid line: "+t;return this.trim(t.substring(e+1))},readTuple:function(t){var e=this.readLine(),i=e.indexOf(":");if(-1==i)throw"Invalid line: "+e;for(var r=0,n=i+1;3>r;r++){var s=e.indexOf(",",n);if(-1==s){if(0==r)throw"Invalid line: "+e;break}t[r]=this.trim(e.substr(n,s-n)),n=s+1}return t[r]=this.trim(e.substring(n)),r+1}},u.AtlasAttachmentLoader=function(t){this.atlas=t},u.AtlasAttachmentLoader.prototype={newAttachment:function(t,e,i){switch(e){case u.AttachmentType.region:var r=this.atlas.findRegion(i);if(!r)throw"Region not found in atlas: "+i+" ("+e+")";var n=new u.RegionAttachment(i);return n.rendererObject=r,n.setUVs(r.u,r.v,r.u2,r.v2,r.rotate),n.regionOffsetX=r.offsetX,n.regionOffsetY=r.offsetY,n.regionWidth=r.width,n.regionHeight=r.height,n.regionOriginalWidth=r.originalWidth,n.regionOriginalHeight=r.originalHeight,n}throw"Unknown attachment type: "+e}},n.AnimCache={},u.Bone.yDown=!0,n.CustomRenderable=function(){n.DisplayObject.call(this)},n.CustomRenderable.prototype=Object.create(n.DisplayObject.prototype),n.CustomRenderable.prototype.constructor=n.CustomRenderable,n.CustomRenderable.prototype.renderCanvas=function(){},n.CustomRenderable.prototype.initWebGL=function(){},n.CustomRenderable.prototype.renderWebGL=function(){},n.BaseTextureCache={},n.texturesToUpdate=[],n.texturesToDestroy=[],n.BaseTexture=function(t){if(n.EventTarget.call(this),this.width=100,this.height=100,this.hasLoaded=!1,this.source=t,t){if(this.source instanceof Image||this.source instanceof HTMLImageElement)if(this.source.complete)this.hasLoaded=!0,this.width=this.source.width,this.height=this.source.height,n.texturesToUpdate.push(this);else{var e=this;this.source.onload=function(){e.hasLoaded=!0,e.width=e.source.width,e.height=e.source.height,n.texturesToUpdate.push(e),e.dispatchEvent({type:"loaded",content:e})}}else this.hasLoaded=!0,this.width=this.source.width,this.height=this.source.height,n.texturesToUpdate.push(this);this._powerOf2=!1}},n.BaseTexture.prototype.constructor=n.BaseTexture,n.BaseTexture.prototype.destroy=function(){this.source instanceof Image&&(this.source.src=null),this.source=null,n.texturesToDestroy.push(this)},n.BaseTexture.fromImage=function(t,e){var i=n.BaseTextureCache[t];if(!i){var r=new Image;e&&(r.crossOrigin=""),r.src=t,i=new n.BaseTexture(r),n.BaseTextureCache[t]=i}return i},n.TextureCache={},n.FrameCache={},n.Texture=function(t,e){if(n.EventTarget.call(this),e||(this.noFrame=!0,e=new n.Rectangle(0,0,1,1)),t instanceof n.Texture&&(t=t.baseTexture),this.baseTexture=t,this.frame=e,this.trim=new n.Point,this.scope=this,t.hasLoaded)this.noFrame&&(e=new n.Rectangle(0,0,t.width,t.height)),this.setFrame(e);else{var i=this;t.addEventListener("loaded",function(){i.onBaseTextureLoaded()})}},n.Texture.prototype.constructor=n.Texture,n.Texture.prototype.onBaseTextureLoaded=function(){var t=this.baseTexture;t.removeEventListener("loaded",this.onLoaded),this.noFrame&&(this.frame=new n.Rectangle(0,0,t.width,t.height)),this.noFrame=!1,this.width=this.frame.width,this.height=this.frame.height,this.scope.dispatchEvent({type:"update",content:this})},n.Texture.prototype.destroy=function(t){t&&this.baseTexture.destroy()},n.Texture.prototype.setFrame=function(t){if(this.frame=t,this.width=t.width,this.height=t.height,t.x+t.width>this.baseTexture.width||t.y+t.height>this.baseTexture.height)throw Error("Texture Error: frame does not fit inside the base Texture dimensions "+this);this.updateFrame=!0,n.Texture.frameUpdates.push(this)},n.Texture.fromImage=function(t,e){var i=n.TextureCache[t];return i||(i=new n.Texture(n.BaseTexture.fromImage(t,e)),n.TextureCache[t]=i),i},n.Texture.fromFrame=function(t){var e=n.TextureCache[t];if(!e)throw Error("The frameId '"+t+"' does not exist in the texture cache "+this);return e},n.Texture.fromCanvas=function(t){var e=new n.BaseTexture(t);return new n.Texture(e)},n.Texture.addTextureToCache=function(t,e){n.TextureCache[e]=t},n.Texture.removeTextureFromCache=function(t){var e=n.TextureCache[t];return n.TextureCache[t]=null,e},n.Texture.frameUpdates=[],n.RenderTexture=function(t,e){n.EventTarget.call(this),this.width=t||100,this.height=e||100,this.indetityMatrix=n.mat3.create(),this.frame=new n.Rectangle(0,0,this.width,this.height),n.gl?this.initWebGL():this.initCanvas()},n.RenderTexture.prototype=Object.create(n.Texture.prototype),n.RenderTexture.prototype.constructor=n.RenderTexture,n.RenderTexture.prototype.initWebGL=function(){var t=n.gl;this.glFramebuffer=t.createFramebuffer(),t.bindFramebuffer(t.FRAMEBUFFER,this.glFramebuffer),this.glFramebuffer.width=this.width,this.glFramebuffer.height=this.height,this.baseTexture=new n.BaseTexture,this.baseTexture.width=this.width,this.baseTexture.height=this.height,this.baseTexture._glTexture=t.createTexture(),t.bindTexture(t.TEXTURE_2D,this.baseTexture._glTexture),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,this.width,this.height,0,t.RGBA,t.UNSIGNED_BYTE,null),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),this.baseTexture.isRender=!0,t.bindFramebuffer(t.FRAMEBUFFER,this.glFramebuffer),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,this.baseTexture._glTexture,0),this.projection=new n.Point(this.width/2,this.height/2),this.render=this.renderWebGL},n.RenderTexture.prototype.resize=function(t,e){if(this.width=t,this.height=e,n.gl){this.projection.x=this.width/2,this.projection.y=this.height/2;var i=n.gl;i.bindTexture(i.TEXTURE_2D,this.baseTexture._glTexture),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,this.width,this.height,0,i.RGBA,i.UNSIGNED_BYTE,null)}else this.frame.width=this.width,this.frame.height=this.height,this.renderer.resize(this.width,this.height)
-},n.RenderTexture.prototype.initCanvas=function(){this.renderer=new n.CanvasRenderer(this.width,this.height,null,0),this.baseTexture=new n.BaseTexture(this.renderer.view),this.frame=new n.Rectangle(0,0,this.width,this.height),this.render=this.renderCanvas},n.RenderTexture.prototype.renderWebGL=function(t,e,i){var r=n.gl;r.colorMask(!0,!0,!0,!0),r.viewport(0,0,this.width,this.height),r.bindFramebuffer(r.FRAMEBUFFER,this.glFramebuffer),i&&(r.clearColor(0,0,0,0),r.clear(r.COLOR_BUFFER_BIT));var s=t.children;t.worldTransform=n.mat3.create(),t.worldTransform[4]=-1,t.worldTransform[5]=2*this.projection.y,e&&(t.worldTransform[2]=e.x,t.worldTransform[5]-=e.y);for(var o=0,a=s.length;a>o;o++)s[o].updateTransform();var h=t.__renderGroup;h?t==h.root?h.render(this.projection):h.renderSpecific(t,this.projection):(this.renderGroup||(this.renderGroup=new n.WebGLRenderGroup(r)),this.renderGroup.setRenderable(t),this.renderGroup.render(this.projection))},n.RenderTexture.prototype.renderCanvas=function(t,e,i){var r=t.children;t.worldTransform=n.mat3.create(),e&&(t.worldTransform[2]=e.x,t.worldTransform[5]=e.y);for(var s=0,o=r.length;o>s;s++)r[s].updateTransform();i&&this.renderer.context.clearRect(0,0,this.width,this.height),this.renderer.renderDisplayObject(t),this.renderer.context.setTransform(1,0,0,1,0,0)},n.AssetLoader=function(t,e){n.EventTarget.call(this),this.assetURLs=t,this.crossorigin=e,this.loadersByType={jpg:n.ImageLoader,jpeg:n.ImageLoader,png:n.ImageLoader,gif:n.ImageLoader,json:n.JsonLoader,anim:n.SpineLoader,xml:n.BitmapFontLoader,fnt:n.BitmapFontLoader}},n.AssetLoader.prototype.constructor=n.AssetLoader,n.AssetLoader.prototype.load=function(){var t=this;this.loadCount=this.assetURLs.length;for(var e=0;this.assetURLs.length>e;e++){var i=this.assetURLs[e],r=i.split(".").pop().toLowerCase(),n=this.loadersByType[r];if(!n)throw Error(r+" is an unsupported file type");var s=new n(i,this.crossorigin);s.addEventListener("loaded",function(){t.onAssetLoaded()}),s.load()}},n.AssetLoader.prototype.onAssetLoaded=function(){this.loadCount--,this.dispatchEvent({type:"onProgress",content:this}),this.onProgress&&this.onProgress(),0==this.loadCount&&(this.dispatchEvent({type:"onComplete",content:this}),this.onComplete&&this.onComplete())},n.JsonLoader=function(t,e){n.EventTarget.call(this),this.url=t,this.crossorigin=e,this.baseUrl=t.replace(/[^\/]*$/,""),this.loaded=!1},n.JsonLoader.prototype.constructor=n.JsonLoader,n.JsonLoader.prototype.load=function(){this.ajaxRequest=new l;var t=this;this.ajaxRequest.onreadystatechange=function(){t.onJSONLoaded()},this.ajaxRequest.open("GET",this.url,!0),this.ajaxRequest.overrideMimeType&&this.ajaxRequest.overrideMimeType("application/json"),this.ajaxRequest.send(null)},n.JsonLoader.prototype.onJSONLoaded=function(){if(4==this.ajaxRequest.readyState)if(200==this.ajaxRequest.status||-1==window.location.href.indexOf("http"))if(this.json=JSON.parse(this.ajaxRequest.responseText),this.json.frames){var t=this,e=this.baseUrl+this.json.meta.image,i=new n.ImageLoader(e,this.crossorigin),r=this.json.frames;this.texture=i.texture.baseTexture,i.addEventListener("loaded",function(){t.onLoaded()});for(var s in r){var o=r[s].frame;o&&(n.TextureCache[s]=new n.Texture(this.texture,{x:o.x,y:o.y,width:o.w,height:o.h}),r[s].trimmed&&(n.TextureCache[s].realSize=r[s].spriteSourceSize,n.TextureCache[s].trim.x=0))}i.load()}else if(this.json.bones){var a=new u.SkeletonJson,h=a.readSkeletonData(this.json);n.AnimCache[this.url]=h,this.onLoaded()}else this.onLoaded();else this.onError()},n.JsonLoader.prototype.onLoaded=function(){this.loaded=!0,this.dispatchEvent({type:"loaded",content:this})},n.JsonLoader.prototype.onError=function(){this.dispatchEvent({type:"error",content:this})},n.SpriteSheetLoader=function(t,e){n.EventTarget.call(this),this.url=t,this.crossorigin=e,this.baseUrl=t.replace(/[^\/]*$/,""),this.texture=null,this.frames={}},n.SpriteSheetLoader.prototype.constructor=n.SpriteSheetLoader,n.SpriteSheetLoader.prototype.load=function(){var t=this,e=new n.JsonLoader(this.url,this.crossorigin);e.addEventListener("loaded",function(e){t.json=e.content.json,t.onJSONLoaded()}),e.load()},n.SpriteSheetLoader.prototype.onJSONLoaded=function(){var t=this,e=this.baseUrl+this.json.meta.image,i=new n.ImageLoader(e,this.crossorigin),r=this.json.frames;this.texture=i.texture.baseTexture,i.addEventListener("loaded",function(){t.onLoaded()});for(var s in r){var o=r[s].frame;o&&(n.TextureCache[s]=new n.Texture(this.texture,{x:o.x,y:o.y,width:o.w,height:o.h}),r[s].trimmed&&(n.TextureCache[s].realSize=r[s].spriteSourceSize,n.TextureCache[s].trim.x=0))}i.load()},n.SpriteSheetLoader.prototype.onLoaded=function(){this.dispatchEvent({type:"loaded",content:this})},n.ImageLoader=function(t,e){n.EventTarget.call(this),this.texture=n.Texture.fromImage(t,e)},n.ImageLoader.prototype.constructor=n.ImageLoader,n.ImageLoader.prototype.load=function(){if(this.texture.baseTexture.hasLoaded)this.onLoaded();else{var t=this;this.texture.baseTexture.addEventListener("loaded",function(){t.onLoaded()})}},n.ImageLoader.prototype.onLoaded=function(){this.dispatchEvent({type:"loaded",content:this})},n.BitmapFontLoader=function(t,e){n.EventTarget.call(this),this.url=t,this.crossorigin=e,this.baseUrl=t.replace(/[^\/]*$/,""),this.texture=null},n.BitmapFontLoader.prototype.constructor=n.BitmapFontLoader,n.BitmapFontLoader.prototype.load=function(){this.ajaxRequest=new XMLHttpRequest;var t=this;this.ajaxRequest.onreadystatechange=function(){t.onXMLLoaded()},this.ajaxRequest.open("GET",this.url,!0),this.ajaxRequest.overrideMimeType&&this.ajaxRequest.overrideMimeType("application/xml"),this.ajaxRequest.send(null)},n.BitmapFontLoader.prototype.onXMLLoaded=function(){if(4==this.ajaxRequest.readyState&&(200==this.ajaxRequest.status||-1==window.location.href.indexOf("http"))){var t=this.baseUrl+this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue,e=new n.ImageLoader(t,this.crossorigin);this.texture=e.texture.baseTexture;var i={},r=this.ajaxRequest.responseXML.getElementsByTagName("info")[0],s=this.ajaxRequest.responseXML.getElementsByTagName("common")[0];i.font=r.attributes.getNamedItem("face").nodeValue,i.size=parseInt(r.attributes.getNamedItem("size").nodeValue,10),i.lineHeight=parseInt(s.attributes.getNamedItem("lineHeight").nodeValue,10),i.chars={};for(var o=this.ajaxRequest.responseXML.getElementsByTagName("char"),a=0;o.length>a;a++){var h=parseInt(o[a].attributes.getNamedItem("id").nodeValue,10),l={x:parseInt(o[a].attributes.getNamedItem("x").nodeValue,10),y:parseInt(o[a].attributes.getNamedItem("y").nodeValue,10),width:parseInt(o[a].attributes.getNamedItem("width").nodeValue,10),height:parseInt(o[a].attributes.getNamedItem("height").nodeValue,10)};n.TextureCache[h]=new n.Texture(this.texture,l),i.chars[h]={xOffset:parseInt(o[a].attributes.getNamedItem("xoffset").nodeValue,10),yOffset:parseInt(o[a].attributes.getNamedItem("yoffset").nodeValue,10),xAdvance:parseInt(o[a].attributes.getNamedItem("xadvance").nodeValue,10),kerning:{},texture:new n.Texture(this.texture,l)}}var u=this.ajaxRequest.responseXML.getElementsByTagName("kerning");for(a=0;u.length>a;a++){var c=parseInt(u[a].attributes.getNamedItem("first").nodeValue,10),p=parseInt(u[a].attributes.getNamedItem("second").nodeValue,10),d=parseInt(u[a].attributes.getNamedItem("amount").nodeValue,10);i.chars[p].kerning[c]=d}n.BitmapText.fonts[i.font]=i;var f=this;e.addEventListener("loaded",function(){f.onLoaded()}),e.load()}},n.BitmapFontLoader.prototype.onLoaded=function(){this.dispatchEvent({type:"loaded",content:this})},n.SpineLoader=function(t,e){n.EventTarget.call(this),this.url=t,this.crossorigin=e,this.loaded=!1},n.SpineLoader.prototype.constructor=n.SpineLoader,n.SpineLoader.prototype.load=function(){var t=this,e=new n.JsonLoader(this.url,this.crossorigin);e.addEventListener("loaded",function(e){t.json=e.content.json,t.onJSONLoaded()}),e.load()},n.SpineLoader.prototype.onJSONLoaded=function(){var t=new u.SkeletonJson,e=t.readSkeletonData(this.json);n.AnimCache[this.url]=e,this.onLoaded()},n.SpineLoader.prototype.onLoaded=function(){this.loaded=!0,this.dispatchEvent({type:"loaded",content:this})},"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=n),exports.PIXI=n):i.PIXI=n}).call(this);
\ No newline at end of file
+!function(){function c(){return f.Matrix="undefined"!=typeof Float32Array?Float32Array:Array,f.Matrix}function d(a){return[(255&a>>16)/255,(255&a>>8)/255,(255&a)/255]}function d(a){return[(255&a>>16)/255,(255&a>>8)/255,(255&a)/255]}var e=this,f=f||{};f.Point=function(a,b){this.x=a||0,this.y=b||0},f.Point.prototype.clone=function(){return new f.Point(this.x,this.y)},f.Point.prototype.constructor=f.Point,f.Rectangle=function(a,b,c,d){this.x=a||0,this.y=b||0,this.width=c||0,this.height=d||0},f.Rectangle.prototype.clone=function(){return new f.Rectangle(this.x,this.y,this.width,this.height)},f.Rectangle.prototype.contains=function(a,b){if(this.width<=0||this.height<=0)return!1;var c=this.x;if(a>=c&&a<=c+this.width){var d=this.y;if(b>=d&&b<=d+this.height)return!0}return!1},f.Rectangle.prototype.constructor=f.Rectangle,f.Polygon=function(a){if(a instanceof Array||(a=Array.prototype.slice.call(arguments)),"number"==typeof a[0]){for(var b=[],c=0,d=a.length;d>c;c+=2)b.push(new f.Point(a[c],a[c+1]));a=b}this.points=a},f.Polygon.prototype.clone=function(){for(var a=[],b=0;b<this.points.length;b++)a.push(this.points[b].clone());return new f.Polygon(a)},f.Polygon.prototype.contains=function(a,b){for(var c=!1,d=0,e=this.points.length-1;d<this.points.length;e=d++){var f=this.points[d].x,g=this.points[d].y,h=this.points[e].x,i=this.points[e].y,j=g>b!=i>b&&(h-f)*(b-g)/(i-g)+f>a;j&&(c=!c)}return c},f.Polygon.prototype.constructor=f.Polygon,f.Circle=function(a,b,c){this.x=a||0,this.y=b||0,this.radius=c||0},f.Circle.prototype.clone=function(){return new f.Circle(this.x,this.y,this.radius)},f.Circle.prototype.contains=function(a,b){if(this.radius<=0)return!1;var c=this.x-a,d=this.y-b,e=this.radius*this.radius;return c*=c,d*=d,e>=c+d},f.Circle.prototype.constructor=f.Circle,f.Ellipse=function(a,b,c,d){this.x=a||0,this.y=b||0,this.width=c||0,this.height=d||0},f.Ellipse.prototype.clone=function(){return new f.Ellipse(this.x,this.y,this.width,this.height)},f.Ellipse.prototype.contains=function(a,b){if(this.width<=0||this.height<=0)return!1;var c=(a-this.x)/this.width-.5,d=(b-this.y)/this.height-.5;return c*=c,d*=d,.25>c+d},f.Ellipse.getBounds=function(){return new f.Rectangle(this.x,this.y,this.width,this.height)},f.Ellipse.prototype.constructor=f.Ellipse,c(),f.mat3={},f.mat3.create=function(){var a=new f.Matrix(9);return 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,a},f.mat3.identity=function(a){return 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,a},f.mat4={},f.mat4.create=function(){var a=new f.Matrix(16);return 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,a},f.mat3.multiply=function(a,b,c){c||(c=a);var d=a[0],e=a[1],f=a[2],g=a[3],h=a[4],i=a[5],j=a[6],k=a[7],l=a[8],m=b[0],n=b[1],o=b[2],p=b[3],q=b[4],r=b[5],s=b[6],t=b[7],u=b[8];return c[0]=m*d+n*g+o*j,c[1]=m*e+n*h+o*k,c[2]=m*f+n*i+o*l,c[3]=p*d+q*g+r*j,c[4]=p*e+q*h+r*k,c[5]=p*f+q*i+r*l,c[6]=s*d+t*g+u*j,c[7]=s*e+t*h+u*k,c[8]=s*f+t*i+u*l,c},f.mat3.clone=function(a){var b=new f.Matrix(9);return 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},f.mat3.transpose=function(a,b){if(!b||a===b){var c=a[1],d=a[2],e=a[5];return a[1]=a[3],a[2]=a[6],a[3]=c,a[5]=a[7],a[6]=d,a[7]=e,a}return 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],b},f.mat3.toMat4=function(a,b){return b||(b=f.mat4.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],b},f.mat4.create=function(){var a=new f.Matrix(16);return 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,a},f.mat4.transpose=function(a,b){if(!b||a===b){var c=a[1],d=a[2],e=a[3],f=a[6],g=a[7],h=a[11];return a[1]=a[4],a[2]=a[8],a[3]=a[12],a[4]=c,a[6]=a[9],a[7]=a[13],a[8]=d,a[9]=f,a[11]=a[14],a[12]=e,a[13]=g,a[14]=h,a}return 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],b},f.mat4.multiply=function(a,b,c){c||(c=a);var d=a[0],e=a[1],f=a[2],g=a[3],h=a[4],i=a[5],j=a[6],k=a[7],l=a[8],m=a[9],n=a[10],o=a[11],p=a[12],q=a[13],r=a[14],s=a[15],t=b[0],u=b[1],v=b[2],w=b[3];return c[0]=t*d+u*h+v*l+w*p,c[1]=t*e+u*i+v*m+w*q,c[2]=t*f+u*j+v*n+w*r,c[3]=t*g+u*k+v*o+w*s,t=b[4],u=b[5],v=b[6],w=b[7],c[4]=t*d+u*h+v*l+w*p,c[5]=t*e+u*i+v*m+w*q,c[6]=t*f+u*j+v*n+w*r,c[7]=t*g+u*k+v*o+w*s,t=b[8],u=b[9],v=b[10],w=b[11],c[8]=t*d+u*h+v*l+w*p,c[9]=t*e+u*i+v*m+w*q,c[10]=t*f+u*j+v*n+w*r,c[11]=t*g+u*k+v*o+w*s,t=b[12],u=b[13],v=b[14],w=b[15],c[12]=t*d+u*h+v*l+w*p,c[13]=t*e+u*i+v*m+w*q,c[14]=t*f+u*j+v*n+w*r,c[15]=t*g+u*k+v*o+w*s,c},f.DisplayObject=function(){this.last=this,this.first=this,this.position=new f.Point,this.scale=new f.Point(1,1),this.pivot=new f.Point(0,0),this.rotation=0,this.alpha=1,this.visible=!0,this.hitArea=null,this.buttonMode=!1,this.renderable=!1,this.parent=null,this.stage=null,this.worldAlpha=1,this._interactive=!1,this.defaultCursor="pointer",this.worldTransform=f.mat3.create(),this.localTransform=f.mat3.create(),this.color=[],this.dynamic=!0,this._sr=0,this._cr=1,this.filterArea=new f.Rectangle(0,0,1,1)},f.DisplayObject.prototype.constructor=f.DisplayObject,f.DisplayObject.prototype.setInteractive=function(a){this.interactive=a},Object.defineProperty(f.DisplayObject.prototype,"interactive",{get:function(){return this._interactive},set:function(a){this._interactive=a,this.stage&&(this.stage.dirty=!0)}}),Object.defineProperty(f.DisplayObject.prototype,"mask",{get:function(){return this._mask},set:function(a){a?this._mask?(a.start=this._mask.start,a.end=this._mask.end):(this.addFilter(a),a.renderable=!1):(this.removeFilter(this._mask),this._mask.renderable=!0),this._mask=a}}),Object.defineProperty(f.DisplayObject.prototype,"filters",{get:function(){return this._filters},set:function(a){if(a){this._filters&&this.removeFilter(this._filters),this.addFilter(a);for(var b=[],c=0;c<a.length;c++)for(var d=a[c].passes,e=0;e<d.length;e++)b.push(d[e]);a.start.filterPasses=b}else this._filters&&this.removeFilter(this._filters);this._filters=a}}),f.DisplayObject.prototype.addFilter=function(a){var b=new f.FilterBlock,c=new f.FilterBlock;a.start=b,a.end=c,b.data=a,c.data=a,b.first=b.last=this,c.first=c.last=this,b.open=!0,b.target=this;var d,e,g=b,h=b;e=this.first._iPrev,e?(d=e._iNext,g._iPrev=e,e._iNext=g):d=this,d&&(d._iPrev=h,h._iNext=d);var g=c,h=c,d=null,e=null;e=this.last,d=e._iNext,d&&(d._iPrev=h,h._iNext=d),g._iPrev=e,e._iNext=g;for(var i=this,j=this.last;i;)i.last==j&&(i.last=c),i=i.parent;this.first=b,this.__renderGroup&&this.__renderGroup.addFilterBlocks(b,c)},f.DisplayObject.prototype.removeFilter=function(a){var b=a.start,c=b._iNext,d=b._iPrev;c&&(c._iPrev=d),d&&(d._iNext=c),this.first=b._iNext;var e=a.end,c=e._iNext,d=e._iPrev;c&&(c._iPrev=d),d._iNext=c;for(var f=e._iPrev,g=this;g.last==e&&(g.last=f,g=g.parent););this.__renderGroup&&this.__renderGroup.removeFilterBlocks(b,e)},f.DisplayObject.prototype.updateTransform=function(){this.rotation!==this.rotationCache&&(this.rotationCache=this.rotation,this._sr=Math.sin(this.rotation),this._cr=Math.cos(this.rotation));var a=this.localTransform,b=this.parent.worldTransform,c=this.worldTransform;a[0]=this._cr*this.scale.x,a[1]=-this._sr*this.scale.y,a[3]=this._sr*this.scale.x,a[4]=this._cr*this.scale.y;var d=this.pivot.x,e=this.pivot.y,g=a[0],h=a[1],i=this.position.x-a[0]*d-e*a[1],j=a[3],k=a[4],l=this.position.y-a[4]*e-d*a[3],m=b[0],n=b[1],o=b[2],p=b[3],q=b[4],r=b[5];a[2]=i,a[5]=l,c[0]=m*g+n*j,c[1]=m*h+n*k,c[2]=m*i+n*l+o,c[3]=p*g+q*j,c[4]=p*h+q*k,c[5]=p*i+q*l+r,this.worldAlpha=this.alpha*this.parent.worldAlpha,this.vcount=f.visibleCount},f.visibleCount=0,f.DisplayObjectContainer=function(){f.DisplayObject.call(this),this.children=[]},f.DisplayObjectContainer.prototype=Object.create(f.DisplayObject.prototype),f.DisplayObjectContainer.prototype.constructor=f.DisplayObjectContainer,f.DisplayObjectContainer.prototype.addChild=function(a){if(void 0!=a.parent&&a.parent.removeChild(a),a.parent=this,this.children.push(a),this.stage){var b=a;do b.interactive&&(this.stage.dirty=!0),b.stage=this.stage,b=b._iNext;while(b)}var c,d,e=a.first,f=a.last;d=this._filters||this._mask?this.last._iPrev:this.last,c=d._iNext;for(var g=this,h=d;g;)g.last==h&&(g.last=a.last),g=g.parent;c&&(c._iPrev=f,f._iNext=c),e._iPrev=d,d._iNext=e,this.__renderGroup&&(a.__renderGroup&&a.__renderGroup.removeDisplayObjectAndChildren(a),this.__renderGroup.addDisplayObjectAndChildren(a))},f.DisplayObjectContainer.prototype.addChildAt=function(a,b){if(!(b>=0&&b<=this.children.length))throw new Error(a+" The index "+b+" supplied is out of bounds "+this.children.length);if(void 0!=a.parent&&a.parent.removeChild(a),a.parent=this,this.stage){var c=a;do c.interactive&&(this.stage.dirty=!0),c.stage=this.stage,c=c._iNext;while(c)}var d,e,f=a.first,g=a.last;if(b==this.children.length){e=this.last;for(var h=this,i=this.last;h;)h.last==i&&(h.last=a.last),h=h.parent}else e=0==b?this:this.children[b-1].last;d=e._iNext,d&&(d._iPrev=g,g._iNext=d),f._iPrev=e,e._iNext=f,this.children.splice(b,0,a),this.__renderGroup&&(a.__renderGroup&&a.__renderGroup.removeDisplayObjectAndChildren(a),this.__renderGroup.addDisplayObjectAndChildren(a))},f.DisplayObjectContainer.prototype.swapChildren=function(){},f.DisplayObjectContainer.prototype.getChildAt=function(a){if(a>=0&&a<this.children.length)return this.children[a];throw new Error(child+" Both the supplied DisplayObjects must be a child of the caller "+this)},f.DisplayObjectContainer.prototype.removeChild=function(a){var b=this.children.indexOf(a);if(-1===b)throw new Error(a+" The supplied DisplayObject must be a child of the caller "+this);var c=a.first,d=a.last,e=d._iNext,f=c._iPrev;if(e&&(e._iPrev=f),f._iNext=e,this.last==d)for(var g=c._iPrev,h=this;h.last==d&&(h.last=g,h=h.parent););if(d._iNext=null,c._iPrev=null,this.stage){var i=a;do i.interactive&&(this.stage.dirty=!0),i.stage=null,i=i._iNext;while(i)}a.__renderGroup&&a.__renderGroup.removeDisplayObjectAndChildren(a),a.parent=void 0,this.children.splice(b,1)},f.DisplayObjectContainer.prototype.updateTransform=function(){if(this.visible){f.DisplayObject.prototype.updateTransform.call(this);for(var a=0,b=this.children.length;b>a;a++)this.children[a].updateTransform()}},f.blendModes={},f.blendModes.NORMAL=0,f.blendModes.SCREEN=1,f.Sprite=function(a){f.DisplayObjectContainer.call(this),this.anchor=new f.Point,this.texture=a,this.blendMode=f.blendModes.NORMAL,this._width=0,this._height=0,a.baseTexture.hasLoaded?this.updateFrame=!0:(this.onTextureUpdateBind=this.onTextureUpdate.bind(this),this.texture.addEventListener("update",this.onTextureUpdateBind)),this.renderable=!0},f.Sprite.prototype=Object.create(f.DisplayObjectContainer.prototype),f.Sprite.prototype.constructor=f.Sprite,Object.defineProperty(f.Sprite.prototype,"width",{get:function(){return this.scale.x*this.texture.frame.width},set:function(a){this.scale.x=a/this.texture.frame.width,this._width=a}}),Object.defineProperty(f.Sprite.prototype,"height",{get:function(){return this.scale.y*this.texture.frame.height},set:function(a){this.scale.y=a/this.texture.frame.height,this._height=a}}),f.Sprite.prototype.setTexture=function(a){this.texture.baseTexture!=a.baseTexture?(this.textureChange=!0,this.texture=a,this.__renderGroup&&this.__renderGroup.updateTexture(this)):this.texture=a,this.updateFrame=!0},f.Sprite.prototype.onTextureUpdate=function(){this._width&&(this.scale.x=this._width/this.texture.frame.width),this._height&&(this.scale.y=this._height/this.texture.frame.height),this.updateFrame=!0},f.Sprite.fromFrame=function(a){var b=f.TextureCache[a];if(!b)throw new Error("The frameId '"+a+"' does not exist in the texture cache"+this);return new f.Sprite(b)},f.Sprite.fromImage=function(a){var b=f.Texture.fromImage(a);return new f.Sprite(b)},f.MovieClip=function(a){f.Sprite.call(this,a[0]),this.textures=a,this.animationSpeed=1,this.loop=!0,this.onComplete=null,this.currentFrame=0,this.playing=!1},f.MovieClip.prototype=Object.create(f.Sprite.prototype),f.MovieClip.prototype.constructor=f.MovieClip,Object.defineProperty(f.MovieClip.prototype,"totalFrames",{get:function(){return this.textures.length}}),f.MovieClip.prototype.stop=function(){this.playing=!1},f.MovieClip.prototype.play=function(){this.playing=!0},f.MovieClip.prototype.gotoAndStop=function(a){this.playing=!1,this.currentFrame=a;var b=0|this.currentFrame+.5;this.setTexture(this.textures[b%this.textures.length])},f.MovieClip.prototype.gotoAndPlay=function(a){this.currentFrame=a,this.playing=!0},f.MovieClip.prototype.updateTransform=function(){if(f.Sprite.prototype.updateTransform.call(this),this.playing){this.currentFrame+=this.animationSpeed;var a=0|this.currentFrame+.5;this.loop||a<this.textures.length?this.setTexture(this.textures[a%this.textures.length]):a>=this.textures.length&&(this.gotoAndStop(this.textures.length-1),this.onComplete&&this.onComplete())}},f.FilterBlock=function(){this.visible=!0,this.renderable=!0},f.Text=function(a,b){this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"),f.Sprite.call(this,f.Texture.fromCanvas(this.canvas)),this.setText(a),this.setStyle(b),this.updateText(),this.dirty=!1},f.Text.prototype=Object.create(f.Sprite.prototype),f.Text.prototype.constructor=f.Text,f.Text.prototype.setStyle=function(a){a=a||{},a.font=a.font||"bold 20pt Arial",a.fill=a.fill||"black",a.align=a.align||"left",a.stroke=a.stroke||"black",a.strokeThickness=a.strokeThickness||0,a.wordWrap=a.wordWrap||!1,a.wordWrapWidth=a.wordWrapWidth||100,this.style=a,this.dirty=!0},f.Text.prototype.setText=function(a){this.text=a.toString()||" ",this.dirty=!0},f.Text.prototype.updateText=function(){this.context.font=this.style.font;var a=this.text;this.style.wordWrap&&(a=this.wordWrap(this.text));for(var b=a.split(/(?:\r\n|\r|\n)/),c=[],d=0,e=0;e<b.length;e++){var g=this.context.measureText(b[e]).width;c[e]=g,d=Math.max(d,g)}this.canvas.width=d+this.style.strokeThickness;var h=this.determineFontHeight("font: "+this.style.font+";")+this.style.strokeThickness;for(this.canvas.height=h*b.length,this.context.fillStyle=this.style.fill,this.context.font=this.style.font,this.context.strokeStyle=this.style.stroke,this.context.lineWidth=this.style.strokeThickness,this.context.textBaseline="top",e=0;e<b.length;e++){var i=new f.Point(this.style.strokeThickness/2,this.style.strokeThickness/2+e*h);"right"==this.style.align?i.x+=d-c[e]:"center"==this.style.align&&(i.x+=(d-c[e])/2),this.style.stroke&&this.style.strokeThickness&&this.context.strokeText(b[e],i.x,i.y),this.style.fill&&this.context.fillText(b[e],i.x,i.y)}this.updateTexture()},f.Text.prototype.updateTexture=function(){this.texture.baseTexture.width=this.canvas.width,this.texture.baseTexture.height=this.canvas.height,this.texture.frame.width=this.canvas.width,this.texture.frame.height=this.canvas.height,this._width=this.canvas.width,this._height=this.canvas.height,f.texturesToUpdate.push(this.texture.baseTexture)},f.Text.prototype.updateTransform=function(){this.dirty&&(this.updateText(),this.dirty=!1),f.Sprite.prototype.updateTransform.call(this)},f.Text.prototype.determineFontHeight=function(a){var b=f.Text.heightCache[a];if(!b){var c=document.getElementsByTagName("body")[0],d=document.createElement("div"),e=document.createTextNode("M");d.appendChild(e),d.setAttribute("style",a+";position:absolute;top:0;left:0"),c.appendChild(d),b=d.offsetHeight,f.Text.heightCache[a]=b,c.removeChild(d)}return b},f.Text.prototype.wordWrap=function(a){for(var b="",c=a.split("\n"),d=0;d<c.length;d++){for(var e=this.style.wordWrapWidth,f=c[d].split(" "),g=0;g<f.length;g++){var h=this.context.measureText(f[g]).width,i=h+this.context.measureText(" ").width;i>e?(g>0&&(b+="\n"),b+=f[g]+" ",e=this.style.wordWrapWidth-h):(e-=i,b+=f[g]+" ")}b+="\n"}return b},f.Text.prototype.destroy=function(a){a&&this.texture.destroy()},f.Text.heightCache={},f.BitmapText=function(a,b){f.DisplayObjectContainer.call(this),this.setText(a),this.setStyle(b),this.updateText(),this.dirty=!1},f.BitmapText.prototype=Object.create(f.DisplayObjectContainer.prototype),f.BitmapText.prototype.constructor=f.BitmapText,f.BitmapText.prototype.setText=function(a){this.text=a||" ",this.dirty=!0},f.BitmapText.prototype.setStyle=function(a){a=a||{},a.align=a.align||"left",this.style=a;var b=a.font.split(" ");this.fontName=b[b.length-1],this.fontSize=b.length>=2?parseInt(b[b.length-2],10):f.BitmapText.fonts[this.fontName].size,this.dirty=!0},f.BitmapText.prototype.updateText=function(){for(var a=f.BitmapText.fonts[this.fontName],b=new f.Point,c=null,d=[],e=0,g=[],h=0,i=this.fontSize/a.size,j=0;j<this.text.length;j++){var k=this.text.charCodeAt(j);if(/(?:\r\n|\r|\n)/.test(this.text.charAt(j)))g.push(b.x),e=Math.max(e,b.x),h++,b.x=0,b.y+=a.lineHeight,c=null;else{var l=a.chars[k];l&&(c&&l[c]&&(b.x+=l.kerning[c]),d.push({texture:l.texture,line:h,charCode:k,position:new f.Point(b.x+l.xOffset,b.y+l.yOffset)}),b.x+=l.xAdvance,c=k)}}g.push(b.x),e=Math.max(e,b.x);var m=[];for(j=0;h>=j;j++){var n=0;"right"==this.style.align?n=e-g[j]:"center"==this.style.align&&(n=(e-g[j])/2),m.push(n)}for(j=0;j<d.length;j++){var o=new f.Sprite(d[j].texture);o.position.x=(d[j].position.x+m[d[j].line])*i,o.position.y=d[j].position.y*i,o.scale.x=o.scale.y=i,this.addChild(o)}this.width=b.x*i,this.height=(b.y+a.lineHeight)*i},f.BitmapText.prototype.updateTransform=function(){if(this.dirty){for(;this.children.length>0;)this.removeChild(this.getChildAt(0));this.updateText(),this.dirty=!1}f.DisplayObjectContainer.prototype.updateTransform.call(this)},f.BitmapText.fonts={},f.InteractionManager=function(a){this.stage=a,this.mouse=new f.InteractionData,this.touchs={},this.tempPoint=new f.Point,this.mouseoverEnabled=!0,this.pool=[],this.interactiveItems=[],this.interactionDOMElement=null,this.onMouseMove=this.onMouseMove.bind(this),this.onMouseDown=this.onMouseDown.bind(this),this.onMouseOut=this.onMouseOut.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onTouchStart=this.onTouchStart.bind(this),this.onTouchEnd=this.onTouchEnd.bind(this),this.onTouchMove=this.onTouchMove.bind(this),this.last=0},f.InteractionManager.prototype.constructor=f.InteractionManager,f.InteractionManager.prototype.collectInteractiveSprite=function(a,b){for(var c=a.children,d=c.length,e=d-1;e>=0;e--){var f=c[e];f.interactive?(b.interactiveChildren=!0,this.interactiveItems.push(f),f.children.length>0&&this.collectInteractiveSprite(f,f)):(f.__iParent=null,f.children.length>0&&this.collectInteractiveSprite(f,b))}},f.InteractionManager.prototype.setTarget=function(a){this.target=a,null===this.interactionDOMElement&&this.setTargetDomElement(a.view),document.body.addEventListener("mouseup",this.onMouseUp,!0)},f.InteractionManager.prototype.setTargetDomElement=function(a){null!==this.interactionDOMElement&&(this.interactionDOMElement.style["-ms-content-zooming"]="",this.interactionDOMElement.style["-ms-touch-action"]="",this.interactionDOMElement.removeEventListener("mousemove",this.onMouseMove,!0),this.interactionDOMElement.removeEventListener("mousedown",this.onMouseDown,!0),this.interactionDOMElement.removeEventListener("mouseout",this.onMouseOut,!0),this.interactionDOMElement.removeEventListener("touchstart",this.onTouchStart,!0),this.interactionDOMElement.removeEventListener("touchend",this.onTouchEnd,!0),this.interactionDOMElement.removeEventListener("touchmove",this.onTouchMove,!0)),window.navigator.msPointerEnabled&&(a.style["-ms-content-zooming"]="none",a.style["-ms-touch-action"]="none"),this.interactionDOMElement=a,a.addEventListener("mousemove",this.onMouseMove,!0),a.addEventListener("mousedown",this.onMouseDown,!0),a.addEventListener("mouseout",this.onMouseOut,!0),a.addEventListener("touchstart",this.onTouchStart,!0),a.addEventListener("touchend",this.onTouchEnd,!0),a.addEventListener("touchmove",this.onTouchMove,!0)},f.InteractionManager.prototype.update=function(){if(this.target){var a=Date.now(),b=a-this.last;if(b=30*b/1e3,!(1>b)){if(this.last=a,this.dirty){this.dirty=!1;for(var c=this.interactiveItems.length,d=0;c>d;d++)this.interactiveItems[d].interactiveChildren=!1;this.interactiveItems=[],this.stage.interactive&&this.interactiveItems.push(this.stage),this.collectInteractiveSprite(this.stage,this.stage)}var e=this.interactiveItems.length;this.interactionDOMElement.style.cursor="default";for(var d=0;e>d;d++){var f=this.interactiveItems[d];(f.mouseover||f.mouseout||f.buttonMode)&&(f.__hit=this.hitTest(f,this.mouse),this.mouse.target=f,f.__hit?(f.buttonMode&&(this.interactionDOMElement.style.cursor=f.defaultCursor),f.__isOver||(f.mouseover&&f.mouseover(this.mouse),f.__isOver=!0)):f.__isOver&&(f.mouseout&&f.mouseout(this.mouse),f.__isOver=!1))}}}},f.InteractionManager.prototype.onMouseMove=function(a){this.mouse.originalEvent=a||window.event;var b=this.interactionDOMElement.getBoundingClientRect();this.mouse.global.x=(a.clientX-b.left)*(this.target.width/b.width),this.mouse.global.y=(a.clientY-b.top)*(this.target.height/b.height);var c=this.interactiveItems.length;this.mouse.global;for(var d=0;c>d;d++){var e=this.interactiveItems[d];e.mousemove&&e.mousemove(this.mouse)}},f.InteractionManager.prototype.onMouseDown=function(a){this.mouse.originalEvent=a||window.event;var b=this.interactiveItems.length;this.mouse.global,this.stage;for(var c=0;b>c;c++){var d=this.interactiveItems[c];if((d.mousedown||d.click)&&(d.__mouseIsDown=!0,d.__hit=this.hitTest(d,this.mouse),d.__hit&&(d.mousedown&&d.mousedown(this.mouse),d.__isDown=!0,!d.interactiveChildren)))break}},f.InteractionManager.prototype.onMouseOut=function(){var a=this.interactiveItems.length;this.interactionDOMElement.style.cursor="default";for(var b=0;a>b;b++){var c=this.interactiveItems[b];c.__isOver&&(this.mouse.target=c,c.mouseout&&c.mouseout(this.mouse),c.__isOver=!1)}},f.InteractionManager.prototype.onMouseUp=function(a){this.mouse.originalEvent=a||window.event,this.mouse.global;for(var b=this.interactiveItems.length,c=!1,d=0;b>d;d++){var e=this.interactiveItems[d];(e.mouseup||e.mouseupoutside||e.click)&&(e.__hit=this.hitTest(e,this.mouse),e.__hit&&!c?(e.mouseup&&e.mouseup(this.mouse),e.__isDown&&e.click&&e.click(this.mouse),e.interactiveChildren||(c=!0)):e.__isDown&&e.mouseupoutside&&e.mouseupoutside(this.mouse),e.__isDown=!1)}},f.InteractionManager.prototype.hitTest=function(a,b){var c=b.global;if(a.vcount!==f.visibleCount)return!1;var d=a instanceof f.Sprite,e=a.worldTransform,g=e[0],h=e[1],i=e[2],j=e[3],k=e[4],l=e[5],m=1/(g*k+h*-j),n=k*m*c.x+-h*m*c.y+(l*h-i*k)*m,o=g*m*c.y+-j*m*c.x+(-l*g+i*j)*m;if(b.target=a,a.hitArea&&a.hitArea.contains)return a.hitArea.contains(n,o)?(b.target=a,!0):!1;if(d){var p,q=a.texture.frame.width,r=a.texture.frame.height,s=-q*a.anchor.x;if(n>s&&s+q>n&&(p=-r*a.anchor.y,o>p&&p+r>o))return b.target=a,!0}for(var t=a.children.length,u=0;t>u;u++){var v=a.children[u],w=this.hitTest(v,b);if(w)return b.target=a,!0}return!1},f.InteractionManager.prototype.onTouchMove=function(a){for(var b=this.interactionDOMElement.getBoundingClientRect(),c=a.changedTouches,d=0;d<c.length;d++){var e=c[d],f=this.touchs[e.identifier];f.originalEvent=a||window.event,f.global.x=(e.clientX-b.left)*(this.target.width/b.width),f.global.y=(e.clientY-b.top)*(this.target.height/b.height)}for(var g=this.interactiveItems.length,d=0;g>d;d++){var h=this.interactiveItems[d];h.touchmove&&h.touchmove(f)}},f.InteractionManager.prototype.onTouchStart=function(a){for(var b=this.interactionDOMElement.getBoundingClientRect(),c=a.changedTouches,d=0;d<c.length;d++){var e=c[d],g=this.pool.pop();g||(g=new f.InteractionData),g.originalEvent=a||window.event,this.touchs[e.identifier]=g,g.global.x=(e.clientX-b.left)*(this.target.width/b.width),g.global.y=(e.clientY-b.top)*(this.target.height/b.height);for(var h=this.interactiveItems.length,i=0;h>i;i++){var j=this.interactiveItems[i];if((j.touchstart||j.tap)&&(j.__hit=this.hitTest(j,g),j.__hit&&(j.touchstart&&j.touchstart(g),j.__isDown=!0,j.__touchData=g,!j.interactiveChildren)))break}}},f.InteractionManager.prototype.onTouchEnd=function(a){for(var b=this.interactionDOMElement.getBoundingClientRect(),c=a.changedTouches,d=0;d<c.length;d++){var e=c[d],f=this.touchs[e.identifier],g=!1;f.global.x=(e.clientX-b.left)*(this.target.width/b.width),f.global.y=(e.clientY-b.top)*(this.target.height/b.height);for(var h=this.interactiveItems.length,i=0;h>i;i++){var j=this.interactiveItems[i],k=j.__touchData;j.__hit=this.hitTest(j,f),k==f&&(f.originalEvent=a||window.event,(j.touchend||j.tap)&&(j.__hit&&!g?(j.touchend&&j.touchend(f),j.__isDown&&j.tap&&j.tap(f),j.interactiveChildren||(g=!0)):j.__isDown&&j.touchendoutside&&j.touchendoutside(f),j.__isDown=!1),j.__touchData=null)}this.pool.push(f),this.touchs[e.identifier]=null}},f.InteractionData=function(){this.global=new f.Point,this.local=new f.Point,this.target,this.originalEvent},f.InteractionData.prototype.getLocalPosition=function(a){var b=a.worldTransform,c=this.global,d=b[0],e=b[1],g=b[2],h=b[3],i=b[4],j=b[5],k=1/(d*i+e*-h);return new f.Point(i*k*c.x+-e*k*c.y+(j*e-g*i)*k,d*k*c.y+-h*k*c.x+(-j*d+g*h)*k)},f.InteractionData.prototype.constructor=f.InteractionData,f.Stage=function(a){f.DisplayObjectContainer.call(this),this.worldTransform=f.mat3.create(),this.interactive=!0,this.interactionManager=new f.InteractionManager(this),this.dirty=!0,this.__childrenAdded=[],this.__childrenRemoved=[],this.stage=this,this.stage.hitArea=new f.Rectangle(0,0,1e5,1e5),this.setBackgroundColor(a),this.worldVisible=!0},f.Stage.prototype=Object.create(f.DisplayObjectContainer.prototype),f.Stage.prototype.constructor=f.Stage,f.Stage.prototype.setInteractionDelegate=function(a){this.interactionManager.setTargetDomElement(a)},f.Stage.prototype.updateTransform=function(){this.worldAlpha=1,this.vcount=f.visibleCount;for(var a=0,b=this.children.length;b>a;a++)this.children[a].updateTransform();this.dirty&&(this.dirty=!1,this.interactionManager.dirty=!0),this.interactive&&this.interactionManager.update()},f.Stage.prototype.setBackgroundColor=function(a){this.backgroundColor=a||0,this.backgroundColorSplit=d(this.backgroundColor);var b=this.backgroundColor.toString(16);b="000000".substr(0,6-b.length)+b,this.backgroundColorString="#"+b},f.Stage.prototype.getMousePosition=function(){return this.interactionManager.mouse.global};for(var h=0,i=["ms","moz","webkit","o"],j=0;j<i.length&&!window.requestAnimationFrame;++j)window.requestAnimationFrame=window[i[j]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i[j]+"CancelAnimationFrame"]||window[i[j]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(a){var b=(new Date).getTime(),c=Math.max(0,16-(b-h)),d=window.setTimeout(function(){a(b+c)},c);return h=b+c,d}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)}),window.requestAnimFrame=window.requestAnimationFrame,"function"!=typeof Function.prototype.bind&&(Function.prototype.bind=function(){var a=Array.prototype.slice;return function(b){function c(){var f=e.concat(a.call(arguments));d.apply(this instanceof c?this:b,f)}var d=this,e=a.call(arguments,1);if("function"!=typeof d)throw new TypeError;return c.prototype=function f(a){return a&&(f.prototype=a),this instanceof f?void 0:new f}(d.prototype),c}}());var k=f.AjaxRequest=function(){var a=["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"];if(!window.ActiveXObject)return window.XMLHttpRequest?new XMLHttpRequest:!1;for(var b=0;b<a.length;b++)try{return new ActiveXObject(a[b])}catch(c){}};f.runList=function(a){console.log(">>>>>>>>>"),console.log("_");var b=0,c=a.first;for(console.log(c);c._iNext;)if(b++,c=c._iNext,console.log(c),b>100){console.log("BREAK");break}},f.EventTarget=function(){var a={};this.addEventListener=this.on=function(b,c){void 0===a[b]&&(a[b]=[]),-1===a[b].indexOf(c)&&a[b].push(c)},this.dispatchEvent=this.emit=function(b){if(a[b.type]&&a[b.type].length)for(var c=0,d=a[b.type].length;d>c;c++)a[b.type][c](b)},this.removeEventListener=this.off=function(b,c){var d=a[b].indexOf(c);-1!==d&&a[b].splice(d,1)}},f.autoDetectRenderer=function(a,b,c,d,e){a||(a=800),b||(b=600);var g=function(){try{var a=document.createElement("canvas");return!!window.WebGLRenderingContext&&(a.getContext("webgl")||a.getContext("experimental-webgl"))}catch(b){return!1}}();if(g){var h=-1!=navigator.userAgent.toLowerCase().indexOf("msie");g=!h}return g?new f.WebGLRenderer(a,b,c,d,e):new f.CanvasRenderer(a,b,c,d)},f.PolyK={},f.PolyK.Triangulate=function(a){var b=!0,c=a.length>>1;if(3>c)return[];for(var d=[],e=[],g=0;c>g;g++)e.push(g);for(var g=0,h=c;h>3;){var i=e[(g+0)%h],j=e[(g+1)%h],k=e[(g+2)%h],l=a[2*i],m=a[2*i+1],n=a[2*j],o=a[2*j+1],p=a[2*k],q=a[2*k+1],r=!1;if(f.PolyK._convex(l,m,n,o,p,q,b)){r=!0;for(var s=0;h>s;s++){var t=e[s];if(t!=i&&t!=j&&t!=k&&f.PolyK._PointInTriangle(a[2*t],a[2*t+1],l,m,n,o,p,q)){r=!1;break}}}if(r)d.push(i,j,k),e.splice((g+1)%h,1),h--,g=0;else if(g++>3*h){if(!b)return console.log("PIXI Warning: shape too complex to fill"),[];var d=[];e=[];for(var g=0;c>g;g++)e.push(g);g=0,h=c,b=!1}}return d.push(e[0],e[1],e[2]),d},f.PolyK._PointInTriangle=function(a,b,c,d,e,f,g,h){var i=g-c,j=h-d,k=e-c,l=f-d,m=a-c,n=b-d,o=i*i+j*j,p=i*k+j*l,q=i*m+j*n,r=k*k+l*l,s=k*m+l*n,t=1/(o*r-p*p),u=(r*q-p*s)*t,v=(o*s-p*q)*t;return u>=0&&v>=0&&1>u+v},f.PolyK._convex=function(a,b,c,d,e,f,g){return(b-d)*(e-c)+(c-a)*(f-d)>=0==g},f.initDefaultShaders=function(){f.primitiveShader=new f.PrimitiveShader,f.primitiveShader.init(),f.stripShader=new f.StripShader,f.stripShader.init(),f.defaultShader=new f.PixiShader,f.defaultShader.init();var a=f.gl,b=f.defaultShader.program;a.useProgram(b),a.enableVertexAttribArray(f.defaultShader.aVertexPosition),a.enableVertexAttribArray(f.defaultShader.colorAttribute),a.enableVertexAttribArray(f.defaultShader.aTextureCoord)},f.activatePrimitiveShader=function(){var a=f.gl;a.useProgram(f.primitiveShader.program),a.disableVertexAttribArray(f.defaultShader.aVertexPosition),a.disableVertexAttribArray(f.defaultShader.colorAttribute),a.disableVertexAttribArray(f.defaultShader.aTextureCoord),a.enableVertexAttribArray(f.primitiveShader.aVertexPosition),a.enableVertexAttribArray(f.primitiveShader.colorAttribute)},f.deactivatePrimitiveShader=function(){var a=f.gl;a.useProgram(f.defaultShader.program),a.disableVertexAttribArray(f.primitiveShader.aVertexPosition),a.disableVertexAttribArray(f.primitiveShader.colorAttribute),a.enableVertexAttribArray(f.defaultShader.aVertexPosition),a.enableVertexAttribArray(f.defaultShader.colorAttribute),a.enableVertexAttribArray(f.defaultShader.aTextureCoord)},f.activateStripShader=function(){var a=f.gl;a.useProgram(f.stripShader.program)},f.deactivateStripShader=function(){var a=f.gl;a.useProgram(f.defaultShader.program)},f.CompileVertexShader=function(a,b){return f._CompileShader(a,b,a.VERTEX_SHADER)},f.CompileFragmentShader=function(a,b){return f._CompileShader(a,b,a.FRAGMENT_SHADER)},f._CompileShader=function(a,b,c){var d=b.join("\n"),e=a.createShader(c);return a.shaderSource(e,d),a.compileShader(e),a.getShaderParameter(e,a.COMPILE_STATUS)?e:(console.log(a.getShaderInfoLog(e)),null)},f.compileProgram=function(a,b){var c=f.gl,d=f.CompileFragmentShader(c,b),e=f.CompileVertexShader(c,a),g=c.createProgram();return c.attachShader(g,e),c.attachShader(g,d),c.linkProgram(g),c.getProgramParameter(g,c.LINK_STATUS)||console.log("Could not initialise shaders"),g},f.PixiShader=function(){this.program,this.fragmentSrc=["precision lowp float;","varying vec2 vTextureCoord;","varying float vColor;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor = texture2D(uSampler, vTextureCoord) * vColor;","}"],this.textureCount=0},f.PixiShader.prototype.init=function(){var a=f.compileProgram(this.vertexSrc||f.PixiShader.defaultVertexSrc,this.fragmentSrc),b=f.gl;b.useProgram(a),this.uSampler=b.getUniformLocation(a,"uSampler"),this.projectionVector=b.getUniformLocation(a,"projectionVector"),this.offsetVector=b.getUniformLocation(a,"offsetVector"),this.dimensions=b.getUniformLocation(a,"dimensions"),this.aVertexPosition=b.getAttribLocation(a,"aVertexPosition"),this.colorAttribute=b.getAttribLocation(a,"aColor"),this.aTextureCoord=b.getAttribLocation(a,"aTextureCoord");
+for(var c in this.uniforms)this.uniforms[c].uniformLocation=b.getUniformLocation(a,c);this.initUniforms(),this.program=a},f.PixiShader.prototype.initUniforms=function(){this.textureCount=1;var a;for(var b in this.uniforms){var a=this.uniforms[b],c=a.type;"sampler2D"==c?(a._init=!1,null!==a.value&&this.initSampler2D(a)):"mat2"==c||"mat3"==c||"mat4"==c?(a.glMatrix=!0,a.glValueLength=1,"mat2"==c?a.glFunc=f.gl.uniformMatrix2fv:"mat3"==c?a.glFunc=f.gl.uniformMatrix3fv:"mat4"==c&&(a.glFunc=f.gl.uniformMatrix4fv)):(a.glFunc=f.gl["uniform"+c],a.glValueLength="2f"==c||"2i"==c?2:"3f"==c||"3i"==c?3:"4f"==c||"4i"==c?4:1)}},f.PixiShader.prototype.initSampler2D=function(a){if(a.value&&a.value.baseTexture&&a.value.baseTexture.hasLoaded){if(f.gl.activeTexture(f.gl["TEXTURE"+this.textureCount]),f.gl.bindTexture(f.gl.TEXTURE_2D,a.value.baseTexture._glTexture),a.textureData){var b=a.textureData,c=b.magFilter?b.magFilter:f.gl.LINEAR,d=b.minFilter?b.minFilter:f.gl.LINEAR,e=b.wrapS?b.wrapS:f.gl.CLAMP_TO_EDGE,g=b.wrapT?b.wrapT:f.gl.CLAMP_TO_EDGE,h=b.luminance?f.gl.LUMINANCE:f.gl.RGBA;if(b.repeat&&(e=f.gl.REPEAT,g=f.gl.REPEAT),f.gl.pixelStorei(f.gl.UNPACK_FLIP_Y_WEBGL,!1),b.width){var i=b.width?b.width:512,j=b.height?b.height:2,k=b.border?b.border:0;f.gl.texImage2D(f.gl.TEXTURE_2D,0,h,i,j,k,h,f.gl.UNSIGNED_BYTE,null)}else f.gl.texImage2D(f.gl.TEXTURE_2D,0,h,f.gl.RGBA,f.gl.UNSIGNED_BYTE,a.value.baseTexture.source);f.gl.texParameteri(f.gl.TEXTURE_2D,f.gl.TEXTURE_MAG_FILTER,c),f.gl.texParameteri(f.gl.TEXTURE_2D,f.gl.TEXTURE_MIN_FILTER,d),f.gl.texParameteri(f.gl.TEXTURE_2D,f.gl.TEXTURE_WRAP_S,e),f.gl.texParameteri(f.gl.TEXTURE_2D,f.gl.TEXTURE_WRAP_T,g)}f.gl.uniform1i(a.uniformLocation,this.textureCount),a._init=!0,this.textureCount++}},f.PixiShader.prototype.syncUniforms=function(){this.textureCount=1;var a;for(var b in this.uniforms)a=this.uniforms[b],1==a.glValueLength?a.glMatrix===!0?a.glFunc.call(f.gl,a.uniformLocation,a.transpose,a.value):a.glFunc.call(f.gl,a.uniformLocation,a.value):2==a.glValueLength?a.glFunc.call(f.gl,a.uniformLocation,a.value.x,a.value.y):3==a.glValueLength?a.glFunc.call(f.gl,a.uniformLocation,a.value.x,a.value.y,a.value.z):4==a.glValueLength?a.glFunc.call(f.gl,a.uniformLocation,a.value.x,a.value.y,a.value.z,a.value.w):"sampler2D"==a.type&&(a._init?(f.gl.activeTexture(f.gl["TEXTURE"+this.textureCount]),f.gl.bindTexture(f.gl.TEXTURE_2D,a.value.baseTexture._glTexture),f.gl.uniform1i(a.uniformLocation,this.textureCount),this.textureCount++):this.initSampler2D(a))},f.PixiShader.defaultVertexSrc=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute float aColor;","uniform vec2 projectionVector;","uniform vec2 offsetVector;","varying vec2 vTextureCoord;","varying float vColor;","const vec2 center = vec2(-1.0, 1.0);","void main(void) {","gl_Position = vec4( ((aVertexPosition + offsetVector) / projectionVector) + center , 0.0, 1.0);","vTextureCoord = aTextureCoord;","vColor = aColor;","}"],f.StripShader=function(){this.program,this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float alpha;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));","gl_FragColor = gl_FragColor * alpha;","}"],this.vertexSrc=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute float aColor;","uniform mat3 translationMatrix;","uniform vec2 projectionVector;","varying vec2 vTextureCoord;","varying vec2 offsetVector;","varying float vColor;","void main(void) {","vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);","v -= offsetVector.xyx;","gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / projectionVector.y + 1.0 , 0.0, 1.0);","vTextureCoord = aTextureCoord;","vColor = aColor;","}"]},f.StripShader.prototype.init=function(){var a=f.compileProgram(this.vertexSrc,this.fragmentSrc),b=f.gl;b.useProgram(a),this.uSampler=b.getUniformLocation(a,"uSampler"),this.projectionVector=b.getUniformLocation(a,"projectionVector"),this.offsetVector=b.getUniformLocation(a,"offsetVector"),this.colorAttribute=b.getAttribLocation(a,"aColor"),this.aVertexPosition=b.getAttribLocation(a,"aVertexPosition"),this.aTextureCoord=b.getAttribLocation(a,"aTextureCoord"),this.translationMatrix=b.getUniformLocation(a,"translationMatrix"),this.alpha=b.getUniformLocation(a,"alpha"),this.program=a},f.PrimitiveShader=function(){this.program,this.fragmentSrc=["precision mediump float;","varying vec4 vColor;","void main(void) {","gl_FragColor = vColor;","}"],this.vertexSrc=["attribute vec2 aVertexPosition;","attribute vec4 aColor;","uniform mat3 translationMatrix;","uniform vec2 projectionVector;","uniform vec2 offsetVector;","uniform float alpha;","varying vec4 vColor;","void main(void) {","vec3 v = translationMatrix * vec3(aVertexPosition , 1.0);","v -= offsetVector.xyx;","gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);","vColor = aColor  * alpha;","}"]},f.PrimitiveShader.prototype.init=function(){var a=f.compileProgram(this.vertexSrc,this.fragmentSrc),b=f.gl;b.useProgram(a),this.projectionVector=b.getUniformLocation(a,"projectionVector"),this.offsetVector=b.getUniformLocation(a,"offsetVector"),this.aVertexPosition=b.getAttribLocation(a,"aVertexPosition"),this.colorAttribute=b.getAttribLocation(a,"aColor"),this.translationMatrix=b.getUniformLocation(a,"translationMatrix"),this.alpha=b.getUniformLocation(a,"alpha"),this.program=a},f.WebGLGraphics=function(){},f.WebGLGraphics.renderGraphics=function(a,b){var c=f.gl;a._webGL||(a._webGL={points:[],indices:[],lastIndex:0,buffer:c.createBuffer(),indexBuffer:c.createBuffer()}),a.dirty&&(a.dirty=!1,a.clearDirty&&(a.clearDirty=!1,a._webGL.lastIndex=0,a._webGL.points=[],a._webGL.indices=[]),f.WebGLGraphics.updateGraphics(a)),f.activatePrimitiveShader();var d=f.mat3.clone(a.worldTransform);f.mat3.transpose(d),c.blendFunc(c.ONE,c.ONE_MINUS_SRC_ALPHA),c.uniformMatrix3fv(f.primitiveShader.translationMatrix,!1,d),c.uniform2f(f.primitiveShader.projectionVector,b.x,-b.y),c.uniform2f(f.primitiveShader.offsetVector,-f.offset.x,-f.offset.y),c.uniform1f(f.primitiveShader.alpha,a.worldAlpha),c.bindBuffer(c.ARRAY_BUFFER,a._webGL.buffer),c.vertexAttribPointer(f.primitiveShader.aVertexPosition,2,c.FLOAT,!1,24,0),c.vertexAttribPointer(f.primitiveShader.colorAttribute,4,c.FLOAT,!1,24,8),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,a._webGL.indexBuffer),c.drawElements(c.TRIANGLE_STRIP,a._webGL.indices.length,c.UNSIGNED_SHORT,0),f.deactivatePrimitiveShader()},f.WebGLGraphics.updateGraphics=function(a){for(var b=a._webGL.lastIndex;b<a.graphicsData.length;b++){var c=a.graphicsData[b];c.type==f.Graphics.POLY?(c.fill&&c.points.length>3&&f.WebGLGraphics.buildPoly(c,a._webGL),c.lineWidth>0&&f.WebGLGraphics.buildLine(c,a._webGL)):c.type==f.Graphics.RECT?f.WebGLGraphics.buildRectangle(c,a._webGL):(c.type==f.Graphics.CIRC||c.type==f.Graphics.ELIP)&&f.WebGLGraphics.buildCircle(c,a._webGL)}a._webGL.lastIndex=a.graphicsData.length;var d=f.gl;a._webGL.glPoints=new Float32Array(a._webGL.points),d.bindBuffer(d.ARRAY_BUFFER,a._webGL.buffer),d.bufferData(d.ARRAY_BUFFER,a._webGL.glPoints,d.STATIC_DRAW),a._webGL.glIndicies=new Uint16Array(a._webGL.indices),d.bindBuffer(d.ELEMENT_ARRAY_BUFFER,a._webGL.indexBuffer),d.bufferData(d.ELEMENT_ARRAY_BUFFER,a._webGL.glIndicies,d.STATIC_DRAW)},f.WebGLGraphics.buildRectangle=function(a,b){var c=a.points,e=c[0],g=c[1],h=c[2],i=c[3];if(a.fill){var j=d(a.fillColor),k=a.fillAlpha,l=j[0]*k,m=j[1]*k,n=j[2]*k,o=b.points,p=b.indices,q=o.length/6;o.push(e,g),o.push(l,m,n,k),o.push(e+h,g),o.push(l,m,n,k),o.push(e,g+i),o.push(l,m,n,k),o.push(e+h,g+i),o.push(l,m,n,k),p.push(q,q,q+1,q+2,q+3,q+3)}a.lineWidth&&(a.points=[e,g,e+h,g,e+h,g+i,e,g+i,e,g],f.WebGLGraphics.buildLine(a,b))},f.WebGLGraphics.buildCircle=function(a,b){var c=a.points,e=c[0],g=c[1],h=c[2],i=c[3],j=40,k=2*Math.PI/j;if(a.fill){var l=d(a.fillColor),m=a.fillAlpha,n=l[0]*m,o=l[1]*m,p=l[2]*m,q=b.points,r=b.indices,s=q.length/6;r.push(s);for(var t=0;j+1>t;t++)q.push(e,g,n,o,p,m),q.push(e+Math.sin(k*t)*h,g+Math.cos(k*t)*i,n,o,p,m),r.push(s++,s++);r.push(s-1)}if(a.lineWidth){a.points=[];for(var t=0;j+1>t;t++)a.points.push(e+Math.sin(k*t)*h,g+Math.cos(k*t)*i);f.WebGLGraphics.buildLine(a,b)}},f.WebGLGraphics.buildLine=function(a,b){var c=a.points;if(0!=c.length){if(a.lineWidth%2)for(var e=0;e<c.length;e++)c[e]+=.5;var g=new f.Point(c[0],c[1]),h=new f.Point(c[c.length-2],c[c.length-1]);if(g.x==h.x&&g.y==h.y){c.pop(),c.pop(),h=new f.Point(c[c.length-2],c[c.length-1]);var i=h.x+.5*(g.x-h.x),j=h.y+.5*(g.y-h.y);c.unshift(i,j),c.push(i,j)}var k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F=b.points,G=b.indices,H=c.length/2,I=c.length,J=F.length/6,K=a.lineWidth/2,L=d(a.lineColor),M=a.lineAlpha,N=L[0]*M,O=L[1]*M,P=L[2]*M;k=c[0],l=c[1],m=c[2],n=c[3],q=-(l-n),r=k-m,E=Math.sqrt(q*q+r*r),q/=E,r/=E,q*=K,r*=K,F.push(k-q,l-r,N,O,P,M),F.push(k+q,l+r,N,O,P,M);for(var e=1;H-1>e;e++)k=c[2*(e-1)],l=c[2*(e-1)+1],m=c[2*e],n=c[2*e+1],o=c[2*(e+1)],p=c[2*(e+1)+1],q=-(l-n),r=k-m,E=Math.sqrt(q*q+r*r),q/=E,r/=E,q*=K,r*=K,s=-(n-p),t=m-o,E=Math.sqrt(s*s+t*t),s/=E,t/=E,s*=K,t*=K,w=-r+l-(-r+n),x=-q+m-(-q+k),y=(-q+k)*(-r+n)-(-q+m)*(-r+l),z=-t+p-(-t+n),A=-s+m-(-s+o),B=(-s+o)*(-t+n)-(-s+m)*(-t+p),C=w*A-z*x,Math.abs(C)<.1?(C+=10.1,F.push(m-q,n-r,N,O,P,M),F.push(m+q,n+r,N,O,P,M)):(px=(x*B-A*y)/C,py=(z*y-w*B)/C,D=(px-m)*(px-m)+(py-n)+(py-n),D>19600?(u=q-s,v=r-t,E=Math.sqrt(u*u+v*v),u/=E,v/=E,u*=K,v*=K,F.push(m-u,n-v),F.push(N,O,P,M),F.push(m+u,n+v),F.push(N,O,P,M),F.push(m-u,n-v),F.push(N,O,P,M),I++):(F.push(px,py),F.push(N,O,P,M),F.push(m-(px-m),n-(py-n)),F.push(N,O,P,M)));k=c[2*(H-2)],l=c[2*(H-2)+1],m=c[2*(H-1)],n=c[2*(H-1)+1],q=-(l-n),r=k-m,E=Math.sqrt(q*q+r*r),q/=E,r/=E,q*=K,r*=K,F.push(m-q,n-r),F.push(N,O,P,M),F.push(m+q,n+r),F.push(N,O,P,M),G.push(J);for(var e=0;I>e;e++)G.push(J++);G.push(J-1)}},f.WebGLGraphics.buildPoly=function(a,b){var c=a.points;if(!(c.length<6)){for(var e=b.points,g=b.indices,h=c.length/2,i=d(a.fillColor),j=a.fillAlpha,k=i[0]*j,l=i[1]*j,m=i[2]*j,n=f.PolyK.Triangulate(c),o=e.length/6,p=0;p<n.length;p+=3)g.push(n[p]+o),g.push(n[p]+o),g.push(n[p+1]+o),g.push(n[p+2]+o),g.push(n[p+2]+o);for(var p=0;h>p;p++)e.push(c[2*p],c[2*p+1],k,l,m,j)}},f._defaultFrame=new f.Rectangle(0,0,1,1),f.gl,f.WebGLRenderer=function(a,b,c,d,e){this.transparent=!!d,this.width=a||800,this.height=b||600,this.view=c||document.createElement("canvas"),this.view.width=this.width,this.view.height=this.height;var g=this;this.view.addEventListener("webglcontextlost",function(a){g.handleContextLost(a)},!1),this.view.addEventListener("webglcontextrestored",function(a){g.handleContextRestored(a)},!1),this.batchs=[];var h={alpha:this.transparent,antialias:!!e,premultipliedAlpha:!1,stencil:!0};try{f.gl=this.gl=this.view.getContext("experimental-webgl",h)}catch(i){try{f.gl=this.gl=this.view.getContext("webgl",h)}catch(i){throw new Error(" This browser does not support webGL. Try using the canvas renderer"+this)}}f.initDefaultShaders();var j=this.gl;j.useProgram(f.defaultShader.program),f.WebGLRenderer.gl=j,this.batch=new f.WebGLBatch(j),j.disable(j.DEPTH_TEST),j.disable(j.CULL_FACE),j.enable(j.BLEND),j.colorMask(!0,!0,!0,this.transparent),f.projection=new f.Point(400,300),f.offset=new f.Point(0,0),this.resize(this.width,this.height),this.contextLost=!1,this.stageRenderGroup=new f.WebGLRenderGroup(this.gl,this.transparent)},f.WebGLRenderer.prototype.constructor=f.WebGLRenderer,f.WebGLRenderer.getBatch=function(){return 0==f._batchs.length?new f.WebGLBatch(f.WebGLRenderer.gl):f._batchs.pop()},f.WebGLRenderer.returnBatch=function(a){a.clean(),f._batchs.push(a)},f.WebGLRenderer.prototype.render=function(a){if(!this.contextLost){this.__stage!==a&&(this.__stage=a,this.stageRenderGroup.setRenderable(a)),f.WebGLRenderer.updateTextures(),f.visibleCount++,a.updateTransform();var b=this.gl;if(b.colorMask(!0,!0,!0,this.transparent),b.viewport(0,0,this.width,this.height),b.bindFramebuffer(b.FRAMEBUFFER,null),b.clearColor(a.backgroundColorSplit[0],a.backgroundColorSplit[1],a.backgroundColorSplit[2],!this.transparent),b.clear(b.COLOR_BUFFER_BIT),this.stageRenderGroup.backgroundColor=a.backgroundColorSplit,f.projection.x=this.width/2,f.projection.y=-this.height/2,this.stageRenderGroup.render(f.projection),a.interactive&&(a._interactiveEventsAdded||(a._interactiveEventsAdded=!0,a.interactionManager.setTarget(this))),f.Texture.frameUpdates.length>0){for(var c=0;c<f.Texture.frameUpdates.length;c++)f.Texture.frameUpdates[c].updateFrame=!1;f.Texture.frameUpdates=[]}}},f.WebGLRenderer.updateTextures=function(){for(var a=0;a<f.texturesToUpdate.length;a++)f.WebGLRenderer.updateTexture(f.texturesToUpdate[a]);for(var a=0;a<f.texturesToDestroy.length;a++)f.WebGLRenderer.destroyTexture(f.texturesToDestroy[a]);f.texturesToUpdate=[],f.texturesToDestroy=[]},f.WebGLRenderer.updateTexture=function(a){var b=f.gl;a._glTexture||(a._glTexture=b.createTexture()),a.hasLoaded&&(b.bindTexture(b.TEXTURE_2D,a._glTexture),b.pixelStorei(b.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),b.texImage2D(b.TEXTURE_2D,0,b.RGBA,b.RGBA,b.UNSIGNED_BYTE,a.source),b.texParameteri(b.TEXTURE_2D,b.TEXTURE_MAG_FILTER,b.LINEAR),b.texParameteri(b.TEXTURE_2D,b.TEXTURE_MIN_FILTER,b.LINEAR),a._powerOf2?(b.texParameteri(b.TEXTURE_2D,b.TEXTURE_WRAP_S,b.REPEAT),b.texParameteri(b.TEXTURE_2D,b.TEXTURE_WRAP_T,b.REPEAT)):(b.texParameteri(b.TEXTURE_2D,b.TEXTURE_WRAP_S,b.CLAMP_TO_EDGE),b.texParameteri(b.TEXTURE_2D,b.TEXTURE_WRAP_T,b.CLAMP_TO_EDGE)),b.bindTexture(b.TEXTURE_2D,null))},f.WebGLRenderer.destroyTexture=function(a){var b=f.gl;a._glTexture&&(a._glTexture=b.createTexture(),b.deleteTexture(b.TEXTURE_2D,a._glTexture))},f.WebGLRenderer.prototype.resize=function(a,b){this.width=a,this.height=b,this.view.width=a,this.view.height=b,this.gl.viewport(0,0,this.width,this.height),f.projection.x=this.width/2,f.projection.y=-this.height/2},f.WebGLRenderer.prototype.handleContextLost=function(a){a.preventDefault(),this.contextLost=!0},f.WebGLRenderer.prototype.handleContextRestored=function(){this.gl=this.view.getContext("experimental-webgl",{alpha:!0}),this.initShaders();for(var a in f.TextureCache){var b=f.TextureCache[a].baseTexture;b._glTexture=null,f.WebGLRenderer.updateTexture(b)}for(var c=0;c<this.batchs.length;c++)this.batchs[c].restoreLostContext(this.gl),this.batchs[c].dirty=!0;f._restoreBatchs(this.gl),this.contextLost=!1},f._batchs=[],f._getBatch=function(a){return 0==f._batchs.length?new f.WebGLBatch(a):f._batchs.pop()},f._returnBatch=function(a){a.clean(),f._batchs.push(a)},f._restoreBatchs=function(a){for(var b=0;b<f._batchs.length;b++)f._batchs[b].restoreLostContext(a)},f.WebGLBatch=function(a){this.gl=a,this.size=0,this.vertexBuffer=a.createBuffer(),this.indexBuffer=a.createBuffer(),this.uvBuffer=a.createBuffer(),this.colorBuffer=a.createBuffer(),this.blendMode=f.blendModes.NORMAL,this.dynamicSize=1},f.WebGLBatch.prototype.constructor=f.WebGLBatch,f.WebGLBatch.prototype.clean=function(){this.verticies=[],this.uvs=[],this.indices=[],this.colors=[],this.dynamicSize=1,this.texture=null,this.last=null,this.size=0,this.head,this.tail},f.WebGLBatch.prototype.restoreLostContext=function(a){this.gl=a,this.vertexBuffer=a.createBuffer(),this.indexBuffer=a.createBuffer(),this.uvBuffer=a.createBuffer(),this.colorBuffer=a.createBuffer()},f.WebGLBatch.prototype.init=function(a){a.batch=this,this.dirty=!0,this.blendMode=a.blendMode,this.texture=a.texture.baseTexture,this.head=a,this.tail=a,this.size=1,this.growBatch()},f.WebGLBatch.prototype.insertBefore=function(a,b){this.size++,a.batch=this,this.dirty=!0;var c=b.__prev;b.__prev=a,a.__next=b,c?(a.__prev=c,c.__next=a):this.head=a},f.WebGLBatch.prototype.insertAfter=function(a,b){this.size++,a.batch=this,this.dirty=!0;var c=b.__next;b.__next=a,a.__prev=b,c?(a.__next=c,c.__prev=a):this.tail=a},f.WebGLBatch.prototype.remove=function(a){return this.size--,0==this.size?(a.batch=null,a.__prev=null,a.__next=null,void 0):(a.__prev?a.__prev.__next=a.__next:(this.head=a.__next,this.head.__prev=null),a.__next?a.__next.__prev=a.__prev:(this.tail=a.__prev,this.tail.__next=null),a.batch=null,a.__next=null,a.__prev=null,this.dirty=!0,void 0)},f.WebGLBatch.prototype.split=function(a){this.dirty=!0;var b=new f.WebGLBatch(this.gl);b.init(a),b.texture=this.texture,b.tail=this.tail,this.tail=a.__prev,this.tail.__next=null,a.__prev=null;for(var c=0;a;)c++,a.batch=b,a=a.__next;return b.size=c,this.size-=c,b},f.WebGLBatch.prototype.merge=function(a){this.dirty=!0,this.tail.__next=a.head,a.head.__prev=this.tail,this.size+=a.size,this.tail=a.tail;for(var b=a.head;b;)b.batch=this,b=b.__next},f.WebGLBatch.prototype.growBatch=function(){var a=this.gl;this.dynamicSize=1==this.size?1:1.5*this.size,this.verticies=new Float32Array(8*this.dynamicSize),a.bindBuffer(a.ARRAY_BUFFER,this.vertexBuffer),a.bufferData(a.ARRAY_BUFFER,this.verticies,a.DYNAMIC_DRAW),this.uvs=new Float32Array(8*this.dynamicSize),a.bindBuffer(a.ARRAY_BUFFER,this.uvBuffer),a.bufferData(a.ARRAY_BUFFER,this.uvs,a.DYNAMIC_DRAW),this.dirtyUVS=!0,this.colors=new Float32Array(4*this.dynamicSize),a.bindBuffer(a.ARRAY_BUFFER,this.colorBuffer),a.bufferData(a.ARRAY_BUFFER,this.colors,a.DYNAMIC_DRAW),this.dirtyColors=!0,this.indices=new Uint16Array(6*this.dynamicSize);for(var b=this.indices.length/6,c=0;b>c;c++){var d=6*c,e=4*c;this.indices[d+0]=e+0,this.indices[d+1]=e+1,this.indices[d+2]=e+2,this.indices[d+3]=e+0,this.indices[d+4]=e+2,this.indices[d+5]=e+3}a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,this.indexBuffer),a.bufferData(a.ELEMENT_ARRAY_BUFFER,this.indices,a.STATIC_DRAW)},f.WebGLBatch.prototype.refresh=function(){this.gl,this.dynamicSize<this.size&&this.growBatch();for(var a,b=0,c=this.head;c;){a=8*b;var d=c.texture,e=d.frame,f=d.baseTexture.width,g=d.baseTexture.height;this.uvs[a+0]=e.x/f,this.uvs[a+1]=e.y/g,this.uvs[a+2]=(e.x+e.width)/f,this.uvs[a+3]=e.y/g,this.uvs[a+4]=(e.x+e.width)/f,this.uvs[a+5]=(e.y+e.height)/g,this.uvs[a+6]=e.x/f,this.uvs[a+7]=(e.y+e.height)/g,c.updateFrame=!1,colorIndex=4*b,this.colors[colorIndex]=this.colors[colorIndex+1]=this.colors[colorIndex+2]=this.colors[colorIndex+3]=c.worldAlpha,c=c.__next,b++}this.dirtyUVS=!0,this.dirtyColors=!0},f.WebGLBatch.prototype.update=function(){this.gl;for(var a,b,c,d,e,g,h,i,j,k,l,m,n,o,p,q,r=0,s=this.head,t=this.verticies,u=this.uvs,v=this.colors;s;){if(s.vcount===f.visibleCount){if(b=s.texture.frame.width,c=s.texture.frame.height,d=s.anchor.x,e=s.anchor.y,g=b*(1-d),h=b*-d,i=c*(1-e),j=c*-e,k=8*r,a=s.worldTransform,l=a[0],m=a[3],n=a[1],o=a[4],p=a[2],q=a[5],t[k+0]=l*h+n*j+p,t[k+1]=o*j+m*h+q,t[k+2]=l*g+n*j+p,t[k+3]=o*j+m*g+q,t[k+4]=l*g+n*i+p,t[k+5]=o*i+m*g+q,t[k+6]=l*h+n*i+p,t[k+7]=o*i+m*h+q,s.updateFrame||s.texture.updateFrame){this.dirtyUVS=!0;var w=s.texture,x=w.frame,y=w.baseTexture.width,z=w.baseTexture.height;u[k+0]=x.x/y,u[k+1]=x.y/z,u[k+2]=(x.x+x.width)/y,u[k+3]=x.y/z,u[k+4]=(x.x+x.width)/y,u[k+5]=(x.y+x.height)/z,u[k+6]=x.x/y,u[k+7]=(x.y+x.height)/z,s.updateFrame=!1}if(s.cacheAlpha!=s.worldAlpha){s.cacheAlpha=s.worldAlpha;var A=4*r;v[A]=v[A+1]=v[A+2]=v[A+3]=s.worldAlpha,this.dirtyColors=!0}}else k=8*r,t[k+0]=t[k+1]=t[k+2]=t[k+3]=t[k+4]=t[k+5]=t[k+6]=t[k+7]=0;r++,s=s.__next}},f.WebGLBatch.prototype.render=function(a,b){if(a=a||0,void 0==b&&(b=this.size),this.dirty&&(this.refresh(),this.dirty=!1),0!=this.size){this.update();var c=this.gl,d=f.defaultShader;c.bindBuffer(c.ARRAY_BUFFER,this.vertexBuffer),c.bufferSubData(c.ARRAY_BUFFER,0,this.verticies),c.vertexAttribPointer(d.aVertexPosition,2,c.FLOAT,!1,0,0),c.bindBuffer(c.ARRAY_BUFFER,this.uvBuffer),this.dirtyUVS&&(this.dirtyUVS=!1,c.bufferSubData(c.ARRAY_BUFFER,0,this.uvs)),c.vertexAttribPointer(d.aTextureCoord,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&&(this.dirtyColors=!1,c.bufferSubData(c.ARRAY_BUFFER,0,this.colors)),c.vertexAttribPointer(d.colorAttribute,1,c.FLOAT,!1,0,0),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,this.indexBuffer);var e=b-a;c.drawElements(c.TRIANGLES,6*e,c.UNSIGNED_SHORT,6*2*a)}},f.WebGLRenderGroup=function(a,b){this.gl=a,this.root,this.backgroundColor,this.transparent=void 0==b?!0:b,this.batchs=[],this.toRemove=[],console.log(this.transparent),this.filterManager=new f.WebGLFilterManager(this.transparent)},f.WebGLRenderGroup.prototype.constructor=f.WebGLRenderGroup,f.WebGLRenderGroup.prototype.setRenderable=function(a){this.root&&this.removeDisplayObjectAndChildren(this.root),a.worldVisible=a.visible,this.root=a,this.addDisplayObjectAndChildren(a)},f.WebGLRenderGroup.prototype.render=function(a,b){f.WebGLRenderer.updateTextures();var c=this.gl;c.uniform2f(f.defaultShader.projectionVector,a.x,a.y),this.filterManager.begin(a,b),c.blendFunc(c.ONE,c.ONE_MINUS_SRC_ALPHA);for(var d,e=0;e<this.batchs.length;e++)d=this.batchs[e],d instanceof f.WebGLBatch?this.batchs[e].render():this.renderSpecial(d,a)},f.WebGLRenderGroup.prototype.renderSpecific=function(a,b,c){f.WebGLRenderer.updateTextures();var d=this.gl;d.uniform2f(f.defaultShader.projectionVector,b.x,b.y),this.filterManager.begin(b,c);for(var e,g,h,i,j=a.first;j._iNext&&(!j.renderable||!j.__renderGroup);)j=j._iNext;var k=j.batch;if(j instanceof f.Sprite){k=j.batch;var l=k.head;if(l==j)e=0;else for(e=1;l.__next!=j;)e++,l=l.__next}else k=j;for(var m=a.last;m._iPrev&&(!m.renderable||!m.__renderGroup);)m=m._iNext;if(m instanceof f.Sprite){endBatch=m.batch;var l=endBatch.head;if(l==m)h=0;else for(h=1;l.__next!=m;)h++,l=l.__next}else endBatch=m;if(k==endBatch)return k instanceof f.WebGLBatch?k.render(e,h+1):this.renderSpecial(k,b),void 0;g=this.batchs.indexOf(k),i=this.batchs.indexOf(endBatch),k instanceof f.WebGLBatch?k.render(e):this.renderSpecial(k,b);for(var n=g+1;i>n;n++)renderable=this.batchs[n],renderable instanceof f.WebGLBatch?this.batchs[n].render():this.renderSpecial(renderable,b);endBatch instanceof f.WebGLBatch?endBatch.render(0,h+1):this.renderSpecial(endBatch,b)},f.WebGLRenderGroup.prototype.renderSpecial=function(a,b){var c=a.vcount===f.visibleCount;a instanceof f.TilingSprite?c&&this.renderTilingSprite(a,b):a instanceof f.Strip?c&&this.renderStrip(a,b):a instanceof f.CustomRenderable?c&&a.renderWebGL(this,b):a instanceof f.Graphics?c&&a.renderable&&f.WebGLGraphics.renderGraphics(a,b):a instanceof f.FilterBlock&&this.handleFilterBlock(a,b)},flip=!1;var l=[],m=0;f.WebGLRenderGroup.prototype.handleFilterBlock=function(a,b){var c=f.gl;if(a.open)a.data instanceof Array?this.filterManager.pushFilter(a):(m++,l.push(a),c.enable(c.STENCIL_TEST),c.colorMask(!1,!1,!1,!1),c.stencilFunc(c.ALWAYS,1,1),c.stencilOp(c.KEEP,c.KEEP,c.INCR),f.WebGLGraphics.renderGraphics(a.data,b),c.colorMask(!0,!0,!0,!0),c.stencilFunc(c.NOTEQUAL,0,l.length),c.stencilOp(c.KEEP,c.KEEP,c.KEEP));else if(a.data instanceof Array)this.filterManager.popFilter();else{var d=l.pop(a);d&&(c.colorMask(!1,!1,!1,!1),c.stencilFunc(c.ALWAYS,1,1),c.stencilOp(c.KEEP,c.KEEP,c.DECR),f.WebGLGraphics.renderGraphics(d.data,b),c.colorMask(!0,!0,!0,!0),c.stencilFunc(c.NOTEQUAL,0,l.length),c.stencilOp(c.KEEP,c.KEEP,c.KEEP)),c.disable(c.STENCIL_TEST)}},f.WebGLRenderGroup.prototype.updateTexture=function(a){this.removeObject(a);for(var b=a.first;b!=this.root&&(b=b._iPrev,!b.renderable||!b.__renderGroup););for(var c=a.last;c._iNext&&(c=c._iNext,!c.renderable||!c.__renderGroup););this.insertObject(a,b,c)},f.WebGLRenderGroup.prototype.addFilterBlocks=function(a,b){a.__renderGroup=this,b.__renderGroup=this;for(var c=a;c!=this.root.first&&(c=c._iPrev,!c.renderable||!c.__renderGroup););this.insertAfter(a,c);for(var d=b;d!=this.root.first&&(d=d._iPrev,!d.renderable||!d.__renderGroup););this.insertAfter(b,d)},f.WebGLRenderGroup.prototype.removeFilterBlocks=function(a,b){this.removeObject(a),this.removeObject(b)},f.WebGLRenderGroup.prototype.addDisplayObjectAndChildren=function(a){a.__renderGroup&&a.__renderGroup.removeDisplayObjectAndChildren(a);for(var b=a.first;b!=this.root.first&&(b=b._iPrev,!b.renderable||!b.__renderGroup););for(var c=a.last;c._iNext&&(c=c._iNext,!c.renderable||!c.__renderGroup););var d=a.first,e=a.last._iNext;do d.__renderGroup=this,d.renderable&&(this.insertObject(d,b,c),b=d),d=d._iNext;while(d!=e)},f.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren=function(a){if(a.__renderGroup==this){a.last;do a.__renderGroup=null,a.renderable&&this.removeObject(a),a=a._iNext;while(a)}},f.WebGLRenderGroup.prototype.insertObject=function(a,b,c){var d=b,e=c;if(a instanceof f.Sprite){var g,h;if(d instanceof f.Sprite){if(g=d.batch,g&&g.texture==a.texture.baseTexture&&g.blendMode==a.blendMode)return g.insertAfter(a,d),void 0}else g=d;if(e)if(e instanceof f.Sprite){if(h=e.batch){if(h.texture==a.texture.baseTexture&&h.blendMode==a.blendMode)return h.insertBefore(a,e),void 0;if(h==g){var i=g.split(e),j=f.WebGLRenderer.getBatch(),k=this.batchs.indexOf(g);return j.init(a),this.batchs.splice(k+1,0,j,i),void 0}}}else h=e;var j=f.WebGLRenderer.getBatch();if(j.init(a),g){var k=this.batchs.indexOf(g);this.batchs.splice(k+1,0,j)}else this.batchs.push(j)}else a instanceof f.TilingSprite?this.initTilingSprite(a):a instanceof f.Strip&&this.initStrip(a),this.insertAfter(a,d)},f.WebGLRenderGroup.prototype.insertAfter=function(a,b){if(b instanceof f.Sprite){var c=b.batch;if(c)if(c.tail==b){var d=this.batchs.indexOf(c);this.batchs.splice(d+1,0,a)}else{var e=c.split(b.__next),d=this.batchs.indexOf(c);this.batchs.splice(d+1,0,a,e)}else this.batchs.push(a)}else{var d=this.batchs.indexOf(b);this.batchs.splice(d+1,0,a)}},f.WebGLRenderGroup.prototype.removeObject=function(a){var b;if(a instanceof f.Sprite){var c=a.batch;if(!c)return;c.remove(a),0==c.size&&(b=c)}else b=a;if(b){var d=this.batchs.indexOf(b);if(-1==d)return;if(0==d||d==this.batchs.length-1)return this.batchs.splice(d,1),b instanceof f.WebGLBatch&&f.WebGLRenderer.returnBatch(b),void 0;if(this.batchs[d-1]instanceof f.WebGLBatch&&this.batchs[d+1]instanceof f.WebGLBatch&&this.batchs[d-1].texture==this.batchs[d+1].texture&&this.batchs[d-1].blendMode==this.batchs[d+1].blendMode)return this.batchs[d-1].merge(this.batchs[d+1]),b instanceof f.WebGLBatch&&f.WebGLRenderer.returnBatch(b),f.WebGLRenderer.returnBatch(this.batchs[d+1]),this.batchs.splice(d,2),void 0;this.batchs.splice(d,1),b instanceof f.WebGLBatch&&f.WebGLRenderer.returnBatch(b)}},f.WebGLRenderGroup.prototype.initTilingSprite=function(a){var b=this.gl;a.verticies=new Float32Array([0,0,a.width,0,a.width,a.height,0,a.height]),a.uvs=new Float32Array([0,0,1,0,1,1,0,1]),a.colors=new Float32Array([1,1,1,1]),a.indices=new Uint16Array([0,1,3,2]),a._vertexBuffer=b.createBuffer(),a._indexBuffer=b.createBuffer(),a._uvBuffer=b.createBuffer(),a._colorBuffer=b.createBuffer(),b.bindBuffer(b.ARRAY_BUFFER,a._vertexBuffer),b.bufferData(b.ARRAY_BUFFER,a.verticies,b.STATIC_DRAW),b.bindBuffer(b.ARRAY_BUFFER,a._uvBuffer),b.bufferData(b.ARRAY_BUFFER,a.uvs,b.DYNAMIC_DRAW),b.bindBuffer(b.ARRAY_BUFFER,a._colorBuffer),b.bufferData(b.ARRAY_BUFFER,a.colors,b.STATIC_DRAW),b.bindBuffer(b.ELEMENT_ARRAY_BUFFER,a._indexBuffer),b.bufferData(b.ELEMENT_ARRAY_BUFFER,a.indices,b.STATIC_DRAW),a.texture.baseTexture._glTexture?(b.bindTexture(b.TEXTURE_2D,a.texture.baseTexture._glTexture),b.texParameteri(b.TEXTURE_2D,b.TEXTURE_WRAP_S,b.REPEAT),b.texParameteri(b.TEXTURE_2D,b.TEXTURE_WRAP_T,b.REPEAT),a.texture.baseTexture._powerOf2=!0):a.texture.baseTexture._powerOf2=!0},f.WebGLRenderGroup.prototype.renderStrip=function(a,b){var c=this.gl;f.activateStripShader();var d=f.stripShader;d.program;var e=f.mat3.clone(a.worldTransform);f.mat3.transpose(e),c.uniformMatrix3fv(d.translationMatrix,!1,e),c.uniform2f(d.projectionVector,b.x,b.y),c.uniform2f(d.offsetVector,-f.offset.x,-f.offset.y),c.uniform1f(d.alpha,a.worldAlpha),a.dirty?(a.dirty=!1,c.bindBuffer(c.ARRAY_BUFFER,a._vertexBuffer),c.bufferData(c.ARRAY_BUFFER,a.verticies,c.STATIC_DRAW),c.vertexAttribPointer(d.aVertexPosition,2,c.FLOAT,!1,0,0),c.bindBuffer(c.ARRAY_BUFFER,a._uvBuffer),c.bufferData(c.ARRAY_BUFFER,a.uvs,c.STATIC_DRAW),c.vertexAttribPointer(d.aTextureCoord,2,c.FLOAT,!1,0,0),c.activeTexture(c.TEXTURE0),c.bindTexture(c.TEXTURE_2D,a.texture.baseTexture._glTexture),c.bindBuffer(c.ARRAY_BUFFER,a._colorBuffer),c.bufferData(c.ARRAY_BUFFER,a.colors,c.STATIC_DRAW),c.vertexAttribPointer(d.colorAttribute,1,c.FLOAT,!1,0,0),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,a._indexBuffer),c.bufferData(c.ELEMENT_ARRAY_BUFFER,a.indices,c.STATIC_DRAW)):(c.bindBuffer(c.ARRAY_BUFFER,a._vertexBuffer),c.bufferSubData(c.ARRAY_BUFFER,0,a.verticies),c.vertexAttribPointer(d.aVertexPosition,2,c.FLOAT,!1,0,0),c.bindBuffer(c.ARRAY_BUFFER,a._uvBuffer),c.vertexAttribPointer(d.aTextureCoord,2,c.FLOAT,!1,0,0),c.activeTexture(c.TEXTURE0),c.bindTexture(c.TEXTURE_2D,a.texture.baseTexture._glTexture),c.bindBuffer(c.ARRAY_BUFFER,a._colorBuffer),c.vertexAttribPointer(d.colorAttribute,1,c.FLOAT,!1,0,0),c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,a._indexBuffer)),c.drawElements(c.TRIANGLE_STRIP,a.indices.length,c.UNSIGNED_SHORT,0),f.deactivateStripShader()},f.WebGLRenderGroup.prototype.renderTilingSprite=function(a,b){var c=this.gl;f.shaderProgram;var d=a.tilePosition,e=a.tileScale,g=d.x/a.texture.baseTexture.width,h=d.y/a.texture.baseTexture.height,i=a.width/a.texture.baseTexture.width/e.x,j=a.height/a.texture.baseTexture.height/e.y;a.uvs[0]=0-g,a.uvs[1]=0-h,a.uvs[2]=1*i-g,a.uvs[3]=0-h,a.uvs[4]=1*i-g,a.uvs[5]=1*j-h,a.uvs[6]=0-g,a.uvs[7]=1*j-h,c.bindBuffer(c.ARRAY_BUFFER,a._uvBuffer),c.bufferSubData(c.ARRAY_BUFFER,0,a.uvs),this.renderStrip(a,b)},f.WebGLRenderGroup.prototype.initStrip=function(a){var b=this.gl;this.shaderProgram,a._vertexBuffer=b.createBuffer(),a._indexBuffer=b.createBuffer(),a._uvBuffer=b.createBuffer(),a._colorBuffer=b.createBuffer(),b.bindBuffer(b.ARRAY_BUFFER,a._vertexBuffer),b.bufferData(b.ARRAY_BUFFER,a.verticies,b.DYNAMIC_DRAW),b.bindBuffer(b.ARRAY_BUFFER,a._uvBuffer),b.bufferData(b.ARRAY_BUFFER,a.uvs,b.STATIC_DRAW),b.bindBuffer(b.ARRAY_BUFFER,a._colorBuffer),b.bufferData(b.ARRAY_BUFFER,a.colors,b.STATIC_DRAW),b.bindBuffer(b.ELEMENT_ARRAY_BUFFER,a._indexBuffer),b.bufferData(b.ELEMENT_ARRAY_BUFFER,a.indices,b.STATIC_DRAW)},f.WebGLFilterManager=function(a){this.transparent=a,this.filterStack=[],this.texturePool=[],this.offsetX=0,this.offsetY=0,this.initShaderBuffers()},f.WebGLFilterManager.prototype.begin=function(a,b){this.width=2*a.x,this.height=2*-a.y,this.buffer=b},f.WebGLFilterManager.prototype.pushFilter=function(a){var b=f.gl;this.filterStack.push(a);var c=a.filterPasses[0];this.offsetX+=a.target.filterArea.x,this.offsetY+=a.target.filterArea.y;var d=this.texturePool.pop();d?d.resize(this.width,this.height):d=new f.FilterTexture(this.width,this.height),b.bindTexture(b.TEXTURE_2D,d.texture),this.getBounds(a.target);var e=a.target.filterArea,g=c.padding;e.x-=g,e.y-=g,e.width+=2*g,e.height+=2*g,e.x<0&&(e.x=0),e.width>this.width&&(e.width=this.width),e.y<0&&(e.y=0),e.height>this.height&&(e.height=this.height),b.bindFramebuffer(b.FRAMEBUFFER,d.frameBuffer),b.viewport(0,0,e.width,e.height),f.projection.x=e.width/2,f.projection.y=-e.height/2,f.offset.x=-e.x,f.offset.y=-e.y,b.uniform2f(f.defaultShader.projectionVector,e.width/2,-e.height/2),b.uniform2f(f.defaultShader.offsetVector,-e.x,-e.y),b.colorMask(!0,!0,!0,!0),b.clearColor(0,0,0,0),b.clear(b.COLOR_BUFFER_BIT),a._glFilterTexture=d},f.WebGLFilterManager.prototype.popFilter=function(){var a=f.gl,b=this.filterStack.pop(),c=b.target.filterArea,d=b._glFilterTexture;if(b.filterPasses.length>1){a.viewport(0,0,c.width,c.height),a.bindBuffer(a.ARRAY_BUFFER,this.vertexBuffer),this.vertexArray[0]=0,this.vertexArray[1]=c.height,this.vertexArray[2]=c.width,this.vertexArray[3]=c.height,this.vertexArray[4]=0,this.vertexArray[5]=0,this.vertexArray[6]=c.width,this.vertexArray[7]=0,a.bufferSubData(a.ARRAY_BUFFER,0,this.vertexArray),a.bindBuffer(a.ARRAY_BUFFER,this.uvBuffer),this.uvArray[2]=c.width/this.width,this.uvArray[5]=c.height/this.height,this.uvArray[6]=c.width/this.width,this.uvArray[7]=c.height/this.height,a.bufferSubData(a.ARRAY_BUFFER,0,this.uvArray);
+var e=d,g=this.texturePool.pop();g||(g=new f.FilterTexture(this.width,this.height)),a.bindFramebuffer(a.FRAMEBUFFER,g.frameBuffer),a.clear(a.COLOR_BUFFER_BIT),a.disable(a.BLEND);for(var h=0;h<b.filterPasses.length-1;h++){var i=b.filterPasses[h];a.bindFramebuffer(a.FRAMEBUFFER,g.frameBuffer),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,e.texture),this.applyFilterPass(i,c,c.width,c.height);var j=e;e=g,g=j}a.enable(a.BLEND),d=e,this.texturePool.push(g)}var k=b.filterPasses[b.filterPasses.length-1];this.offsetX-=c.x,this.offsetY-=c.y;var l=this.width,m=this.height,n=0,o=0,p=this.buffer;if(0===this.filterStack.length)a.colorMask(!0,!0,!0,this.transparent);else{var q=this.filterStack[this.filterStack.length-1],c=q.target.filterArea;l=c.width,m=c.height,n=c.x,o=c.y,p=q._glFilterTexture.frameBuffer}f.projection.x=l/2,f.projection.y=-m/2,f.offset.x=n,f.offset.y=o;var c=b.target.filterArea,r=c.x-n,s=c.y-o;a.bindBuffer(a.ARRAY_BUFFER,this.vertexBuffer),this.vertexArray[0]=r,this.vertexArray[1]=s+c.height,this.vertexArray[2]=r+c.width,this.vertexArray[3]=s+c.height,this.vertexArray[4]=r,this.vertexArray[5]=s,this.vertexArray[6]=r+c.width,this.vertexArray[7]=s,a.bufferSubData(a.ARRAY_BUFFER,0,this.vertexArray),a.bindBuffer(a.ARRAY_BUFFER,this.uvBuffer),this.uvArray[2]=c.width/this.width,this.uvArray[5]=c.height/this.height,this.uvArray[6]=c.width/this.width,this.uvArray[7]=c.height/this.height,a.bufferSubData(a.ARRAY_BUFFER,0,this.uvArray),a.viewport(0,0,l,m),a.bindFramebuffer(a.FRAMEBUFFER,p),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,d.texture),this.applyFilterPass(k,c,l,m),a.useProgram(f.defaultShader.program),a.uniform2f(f.defaultShader.projectionVector,l/2,-m/2),a.uniform2f(f.defaultShader.offsetVector,-n,-o),this.texturePool.push(d),b._glFilterTexture=null},f.WebGLFilterManager.prototype.applyFilterPass=function(a,b,c,d){var e=f.gl;if(!a.shader){var g=new f.PixiShader;g.fragmentSrc=a.fragmentSrc,g.uniforms=a.uniforms,g.init(),a.shader=g}var g=a.shader;e.useProgram(g.program),e.uniform2f(g.projectionVector,c/2,-d/2),e.uniform2f(g.offsetVector,0,0),a.uniforms.dimensions&&(a.uniforms.dimensions.value[0]=this.width,a.uniforms.dimensions.value[1]=this.height,a.uniforms.dimensions.value[2]=this.vertexArray[0],a.uniforms.dimensions.value[3]=this.vertexArray[5]),g.syncUniforms(),e.bindBuffer(e.ARRAY_BUFFER,this.vertexBuffer),e.vertexAttribPointer(g.aVertexPosition,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ARRAY_BUFFER,this.uvBuffer),e.vertexAttribPointer(g.aTextureCoord,2,e.FLOAT,!1,0,0),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,this.indexBuffer),e.drawElements(e.TRIANGLES,6,e.UNSIGNED_SHORT,0)},f.WebGLFilterManager.prototype.initShaderBuffers=function(){var a=f.gl;this.vertexBuffer=a.createBuffer(),this.uvBuffer=a.createBuffer(),this.indexBuffer=a.createBuffer(),this.vertexArray=new Float32Array([0,0,1,0,0,1,1,1]),a.bindBuffer(a.ARRAY_BUFFER,this.vertexBuffer),a.bufferData(a.ARRAY_BUFFER,this.vertexArray,a.STATIC_DRAW),this.uvArray=new Float32Array([0,0,1,0,0,1,1,1]),a.bindBuffer(a.ARRAY_BUFFER,this.uvBuffer),a.bufferData(a.ARRAY_BUFFER,this.uvArray,a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,this.indexBuffer),a.bufferData(a.ELEMENT_ARRAY_BUFFER,new Uint16Array([0,1,2,1,3,2]),a.STATIC_DRAW)},f.WebGLFilterManager.prototype.getBounds=function(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A=a.first,B=a.last._iNext,C=-1/0,D=-1/0,E=1/0,F=1/0;do{if(A.visible)if(A instanceof f.Sprite)c=A.texture.frame.width,d=A.texture.frame.height,e=A.anchor.x,g=A.anchor.y,h=c*(1-e),i=c*-e,j=d*(1-g),k=d*-g,l=!0;else if(A instanceof f.Graphics){A.updateFilterBounds();var G=A.bounds;c=G.width,d=G.height,h=G.x,i=G.x+G.width,j=G.y,k=G.y+G.height,l=!0}l&&(b=A.worldTransform,m=b[0],n=b[3],o=b[1],p=b[4],q=b[2],r=b[5],s=m*i+o*k+q,w=p*k+n*i+r,t=m*h+o*k+q,x=p*k+n*h+r,u=m*h+o*j+q,y=p*j+n*h+r,v=m*i+o*j+q,z=p*j+n*i+r,E=E>s?s:E,E=E>t?t:E,E=E>u?u:E,E=E>v?v:E,F=F>w?w:F,F=F>x?x:F,F=F>y?y:F,F=F>z?z:F,C=s>C?s:C,C=t>C?t:C,C=u>C?u:C,C=v>C?v:C,D=w>D?w:D,D=x>D?x:D,D=y>D?y:D,D=z>D?z:D),l=!1,A=A._iNext}while(A!=B);a.filterArea.x=E,a.filterArea.y=F,a.filterArea.width=C-E,a.filterArea.height=D-F},f.FilterTexture=function(a,b){var c=f.gl;this.frameBuffer=c.createFramebuffer(),this.texture=c.createTexture(),c.bindTexture(c.TEXTURE_2D,this.texture),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.bindFramebuffer(c.FRAMEBUFFER,this.framebuffer),c.bindFramebuffer(c.FRAMEBUFFER,this.frameBuffer),c.framebufferTexture2D(c.FRAMEBUFFER,c.COLOR_ATTACHMENT0,c.TEXTURE_2D,this.texture,0),this.resize(a,b)},f.FilterTexture.prototype.resize=function(a,b){if(this.width!=a||this.height!=b){this.width=a,this.height=b;var c=f.gl;c.bindTexture(c.TEXTURE_2D,this.texture),c.texImage2D(c.TEXTURE_2D,0,c.RGBA,a,b,0,c.RGBA,c.UNSIGNED_BYTE,null)}},f.CanvasRenderer=function(a,b,c,d){this.transparent=d,this.width=a||800,this.height=b||600,this.view=c||document.createElement("canvas"),this.context=this.view.getContext("2d"),this.refresh=!0,this.view.width=this.width,this.view.height=this.height,this.count=0},f.CanvasRenderer.prototype.constructor=f.CanvasRenderer,f.CanvasRenderer.prototype.render=function(a){f.texturesToUpdate=[],f.texturesToDestroy=[],f.visibleCount++,a.updateTransform(),this.view.style.backgroundColor==a.backgroundColorString||this.transparent||(this.view.style.backgroundColor=a.backgroundColorString),this.context.setTransform(1,0,0,1,0,0),this.context.clearRect(0,0,this.width,this.height),this.renderDisplayObject(a),a.interactive&&(a._interactiveEventsAdded||(a._interactiveEventsAdded=!0,a.interactionManager.setTarget(this))),f.Texture.frameUpdates.length>0&&(f.Texture.frameUpdates=[])},f.CanvasRenderer.prototype.resize=function(a,b){this.width=a,this.height=b,this.view.width=a,this.view.height=b},f.CanvasRenderer.prototype.renderDisplayObject=function(a){var b,c=this.context;c.globalCompositeOperation="source-over";var d=a.last._iNext;a=a.first;do if(b=a.worldTransform,a.visible)if(a.renderable){if(a instanceof f.Sprite){var e=a.texture.frame;e&&e.width&&e.height&&(c.globalAlpha=a.worldAlpha,c.setTransform(b[0],b[3],b[1],b[4],b[2],b[5]),c.drawImage(a.texture.baseTexture.source,e.x,e.y,e.width,e.height,a.anchor.x*-e.width,a.anchor.y*-e.height,e.width,e.height))}else if(a instanceof f.Strip)c.setTransform(b[0],b[3],b[1],b[4],b[2],b[5]),this.renderStrip(a);else if(a instanceof f.TilingSprite)c.setTransform(b[0],b[3],b[1],b[4],b[2],b[5]),this.renderTilingSprite(a);else if(a instanceof f.CustomRenderable)c.setTransform(b[0],b[3],b[1],b[4],b[2],b[5]),a.renderCanvas(this);else if(a instanceof f.Graphics)c.setTransform(b[0],b[3],b[1],b[4],b[2],b[5]),f.CanvasGraphics.renderGraphics(a,c);else if(a instanceof f.FilterBlock&&a.data instanceof f.Graphics){var g=a.data;if(a.open){c.save();var h=g.alpha,i=g.worldTransform;c.setTransform(i[0],i[3],i[1],i[4],i[2],i[5]),g.worldAlpha=.5,c.worldAlpha=0,f.CanvasGraphics.renderGraphicsMask(g,c),c.clip(),g.worldAlpha=h}else c.restore()}a=a._iNext}else a=a._iNext;else a=a.last._iNext;while(a!=d)},f.CanvasRenderer.prototype.renderStripFlat=function(a){var b=this.context,c=a.verticies;a.uvs;var d=c.length/2;this.count++,b.beginPath();for(var e=1;d-2>e;e++){var f=2*e,g=c[f],h=c[f+2],i=c[f+4],j=c[f+1],k=c[f+3],l=c[f+5];b.moveTo(g,j),b.lineTo(h,k),b.lineTo(i,l)}b.fillStyle="#FF0000",b.fill(),b.closePath()},f.CanvasRenderer.prototype.renderTilingSprite=function(a){var b=this.context;b.globalAlpha=a.worldAlpha,a.__tilePattern||(a.__tilePattern=b.createPattern(a.texture.baseTexture.source,"repeat")),b.beginPath();var c=a.tilePosition,d=a.tileScale;b.scale(d.x,d.y),b.translate(c.x,c.y),b.fillStyle=a.__tilePattern,b.fillRect(-c.x,-c.y,a.width/d.x,a.height/d.y),b.scale(1/d.x,1/d.y),b.translate(-c.x,-c.y),b.closePath()},f.CanvasRenderer.prototype.renderStrip=function(a){var b=this.context,c=a.verticies,d=a.uvs,e=c.length/2;this.count++;for(var f=1;e-2>f;f++){var g=2*f,h=c[g],i=c[g+2],j=c[g+4],k=c[g+1],l=c[g+3],m=c[g+5],n=d[g]*a.texture.width,o=d[g+2]*a.texture.width,p=d[g+4]*a.texture.width,q=d[g+1]*a.texture.height,r=d[g+3]*a.texture.height,s=d[g+5]*a.texture.height;b.save(),b.beginPath(),b.moveTo(h,k),b.lineTo(i,l),b.lineTo(j,m),b.closePath(),b.clip();var t=n*r+q*p+o*s-r*p-q*o-n*s,u=h*r+q*j+i*s-r*j-q*i-h*s,v=n*i+h*p+o*j-i*p-h*o-n*j,w=n*r*j+q*i*p+h*o*s-h*r*p-q*o*j-n*i*s,x=k*r+q*m+l*s-r*m-q*l-k*s,y=n*l+k*p+o*m-l*p-k*o-n*m,z=n*r*m+q*l*p+k*o*s-k*r*p-q*o*m-n*l*s;b.transform(u/t,x/t,v/t,y/t,w/t,z/t),b.drawImage(a.texture.baseTexture.source,0,0),b.restore()}},f.CanvasGraphics=function(){},f.CanvasGraphics.renderGraphics=function(a,b){for(var c=a.worldAlpha,d=0;d<a.graphicsData.length;d++){var e=a.graphicsData[d],g=e.points;if(b.strokeStyle=color="#"+("00000"+(0|e.lineColor).toString(16)).substr(-6),b.lineWidth=e.lineWidth,e.type==f.Graphics.POLY){b.beginPath(),b.moveTo(g[0],g[1]);for(var h=1;h<g.length/2;h++)b.lineTo(g[2*h],g[2*h+1]);g[0]==g[g.length-2]&&g[1]==g[g.length-1]&&b.closePath(),e.fill&&(b.globalAlpha=e.fillAlpha*c,b.fillStyle=color="#"+("00000"+(0|e.fillColor).toString(16)).substr(-6),b.fill()),e.lineWidth&&(b.globalAlpha=e.lineAlpha*c,b.stroke())}else if(e.type==f.Graphics.RECT)(e.fillColor||0===e.fillColor)&&(b.globalAlpha=e.fillAlpha*c,b.fillStyle=color="#"+("00000"+(0|e.fillColor).toString(16)).substr(-6),b.fillRect(g[0],g[1],g[2],g[3])),e.lineWidth&&(b.globalAlpha=e.lineAlpha*c,b.strokeRect(g[0],g[1],g[2],g[3]));else if(e.type==f.Graphics.CIRC)b.beginPath(),b.arc(g[0],g[1],g[2],0,2*Math.PI),b.closePath(),e.fill&&(b.globalAlpha=e.fillAlpha*c,b.fillStyle=color="#"+("00000"+(0|e.fillColor).toString(16)).substr(-6),b.fill()),e.lineWidth&&(b.globalAlpha=e.lineAlpha*c,b.stroke());else if(e.type==f.Graphics.ELIP){var i=e.points,j=2*i[2],k=2*i[3],l=i[0]-j/2,m=i[1]-k/2;b.beginPath();var n=.5522848,o=j/2*n,p=k/2*n,q=l+j,r=m+k,s=l+j/2,t=m+k/2;b.moveTo(l,t),b.bezierCurveTo(l,t-p,s-o,m,s,m),b.bezierCurveTo(s+o,m,q,t-p,q,t),b.bezierCurveTo(q,t+p,s+o,r,s,r),b.bezierCurveTo(s-o,r,l,t+p,l,t),b.closePath(),e.fill&&(b.globalAlpha=e.fillAlpha*c,b.fillStyle=color="#"+("00000"+(0|e.fillColor).toString(16)).substr(-6),b.fill()),e.lineWidth&&(b.globalAlpha=e.lineAlpha*c,b.stroke())}}},f.CanvasGraphics.renderGraphicsMask=function(a,b){a.worldAlpha;var c=a.graphicsData.length;if(0!==c){c>1&&(c=1,console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object"));for(var d=0;1>d;d++){var e=a.graphicsData[d],g=e.points;if(e.type==f.Graphics.POLY){b.beginPath(),b.moveTo(g[0],g[1]);for(var h=1;h<g.length/2;h++)b.lineTo(g[2*h],g[2*h+1]);g[0]==g[g.length-2]&&g[1]==g[g.length-1]&&b.closePath()}else if(e.type==f.Graphics.RECT)b.beginPath(),b.rect(g[0],g[1],g[2],g[3]),b.closePath();else if(e.type==f.Graphics.CIRC)b.beginPath(),b.arc(g[0],g[1],g[2],0,2*Math.PI),b.closePath();else if(e.type==f.Graphics.ELIP){var i=e.points,j=2*i[2],k=2*i[3],l=i[0]-j/2,m=i[1]-k/2;b.beginPath();var n=.5522848,o=j/2*n,p=k/2*n,q=l+j,r=m+k,s=l+j/2,t=m+k/2;b.moveTo(l,t),b.bezierCurveTo(l,t-p,s-o,m,s,m),b.bezierCurveTo(s+o,m,q,t-p,q,t),b.bezierCurveTo(q,t+p,s+o,r,s,r),b.bezierCurveTo(s-o,r,l,t+p,l,t),b.closePath()}}}},f.Graphics=function(){f.DisplayObjectContainer.call(this),this.renderable=!0,this.fillAlpha=1,this.lineWidth=0,this.lineColor="black",this.graphicsData=[],this.currentPath={points:[]}},f.Graphics.prototype=Object.create(f.DisplayObjectContainer.prototype),f.Graphics.prototype.constructor=f.Graphics,f.Graphics.prototype.lineStyle=function(a,b,c){0==this.currentPath.points.length&&this.graphicsData.pop(),this.lineWidth=a||0,this.lineColor=b||0,this.lineAlpha=void 0==c?1:c,this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[],type:f.Graphics.POLY},this.graphicsData.push(this.currentPath)},f.Graphics.prototype.moveTo=function(a,b){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath=this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[],type:f.Graphics.POLY},this.currentPath.points.push(a,b),this.graphicsData.push(this.currentPath)},f.Graphics.prototype.lineTo=function(a,b){this.currentPath.points.push(a,b),this.dirty=!0},f.Graphics.prototype.beginFill=function(a,b){this.filling=!0,this.fillColor=a||0,this.fillAlpha=void 0==b?1:b},f.Graphics.prototype.endFill=function(){this.filling=!1,this.fillColor=null,this.fillAlpha=1},f.Graphics.prototype.drawRect=function(a,b,c,d){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[a,b,c,d],type:f.Graphics.RECT},this.graphicsData.push(this.currentPath),this.dirty=!0},f.Graphics.prototype.drawCircle=function(a,b,c){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[a,b,c,c],type:f.Graphics.CIRC},this.graphicsData.push(this.currentPath),this.dirty=!0},f.Graphics.prototype.drawElipse=function(a,b,c,d){0==this.currentPath.points.length&&this.graphicsData.pop(),this.currentPath={lineWidth:this.lineWidth,lineColor:this.lineColor,lineAlpha:this.lineAlpha,fillColor:this.fillColor,fillAlpha:this.fillAlpha,fill:this.filling,points:[a,b,c,d],type:f.Graphics.ELIP},this.graphicsData.push(this.currentPath),this.dirty=!0},f.Graphics.prototype.clear=function(){this.lineWidth=0,this.filling=!1,this.dirty=!0,this.clearDirty=!0,this.graphicsData=[],this.bounds=null},f.Graphics.prototype.updateFilterBounds=function(){if(!this.bounds){for(var a,b,c,d=1/0,e=-1/0,g=1/0,h=-1/0,i=0;i<this.graphicsData.length;i++){var j=this.graphicsData[i],k=j.type,l=j.lineWidth;if(a=j.points,k===f.Graphics.RECT){b=a.x-l/2,c=a.y-l/2;var m=a.width+l,n=a.height+l;d=d>b?b:d,e=b+m>e?b+m:e,g=g>c?b:g,h=c+n>h?c+n:h}else if(k===f.Graphics.CIRC||k===f.Graphics.ELIP){b=a.x,c=a.y;var o=a.radius+l/2;d=d>b-o?b-o:d,e=b+o>e?b+o:e,g=g>c-o?c-o:g,h=c+o>h?c+o:h}else for(var p=0;p<a.length;p+=2)b=a[p],c=a[p+1],d=d>b-l?b-l:d,e=b+l>e?b+l:e,g=g>c-l?c-l:g,h=c+l>h?c+l:h}this.bounds=new f.Rectangle(d,g,e-d,h-g)}},f.Graphics.POLY=0,f.Graphics.RECT=1,f.Graphics.CIRC=2,f.Graphics.ELIP=3,f.Strip=function(a,b,c){f.DisplayObjectContainer.call(this),this.texture=a,this.blendMode=f.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(d){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=b,this.height=c,a.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},f.Strip.prototype=Object.create(f.DisplayObjectContainer.prototype),f.Strip.prototype.constructor=f.Strip,f.Strip.prototype.setTexture=function(a){this.texture=a,this.width=a.frame.width,this.height=a.frame.height,this.updateFrame=!0},f.Strip.prototype.onTextureUpdate=function(){this.updateFrame=!0},f.Rope=function(a,b){f.Strip.call(this,a),this.points=b;try{this.verticies=new Float32Array(4*b.length),this.uvs=new Float32Array(4*b.length),this.colors=new Float32Array(2*b.length),this.indices=new Uint16Array(2*b.length)}catch(c){this.verticies=verticies,this.uvs=uvs,this.colors=colors,this.indices=indices}this.refresh()},f.Rope.prototype=Object.create(f.Strip.prototype),f.Rope.prototype.constructor=f.Rope,f.Rope.prototype.refresh=function(){var a=this.points;if(!(a.length<1)){var b=this.uvs,c=this.indices,d=this.colors,e=a[0],f=a[0];this.count-=.2,b[0]=0,b[1]=1,b[2]=0,b[3]=1,d[0]=1,d[1]=1,c[0]=0,c[1]=1;for(var g=a.length,h=1;g>h;h++){var f=a[h],i=4*h,j=h/(g-1);h%2?(b[i]=j,b[i+1]=0,b[i+2]=j,b[i+3]=1):(b[i]=j,b[i+1]=0,b[i+2]=j,b[i+3]=1),i=2*h,d[i]=1,d[i+1]=1,i=2*h,c[i]=i,c[i+1]=i+1,e=f}}},f.Rope.prototype.updateTransform=function(){var a=this.points;if(!(a.length<1)){var b,c=this.verticies,d=a[0],e={x:0,y:0},g=a[0];this.count-=.2,c[0]=g.x+e.x,c[1]=g.y+e.y,c[2]=g.x-e.x,c[3]=g.y-e.y;for(var h=a.length,i=1;h>i;i++){var g=a[i],j=4*i;b=i<a.length-1?a[i+1]:g,e.y=-(b.x-d.x),e.x=b.y-d.y;var k=10*(1-i/(h-1));k>1&&(k=1);var l=Math.sqrt(e.x*e.x+e.y*e.y),m=this.texture.height/2;e.x/=l,e.y/=l,e.x*=m,e.y*=m,c[j]=g.x+e.x,c[j+1]=g.y+e.y,c[j+2]=g.x-e.x,c[j+3]=g.y-e.y,d=g}f.DisplayObjectContainer.prototype.updateTransform.call(this)}},f.Rope.prototype.setTexture=function(a){this.texture=a,this.updateFrame=!0},f.TilingSprite=function(a,b,c){f.DisplayObjectContainer.call(this),this.texture=a,this.width=b,this.height=c,this.tileScale=new f.Point(1,1),this.tilePosition=new f.Point(0,0),this.renderable=!0,this.blendMode=f.blendModes.NORMAL},f.TilingSprite.prototype=Object.create(f.DisplayObjectContainer.prototype),f.TilingSprite.prototype.constructor=f.TilingSprite,f.TilingSprite.prototype.setTexture=function(a){this.texture=a,this.updateFrame=!0},f.TilingSprite.prototype.onTextureUpdate=function(){this.updateFrame=!0},f.Spine=function(a){if(f.DisplayObjectContainer.call(this),this.spineData=f.AnimCache[a],!this.spineData)throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: "+a);this.skeleton=new n.Skeleton(this.spineData),this.skeleton.updateWorldTransform(),this.stateData=new n.AnimationStateData(this.spineData),this.state=new n.AnimationState(this.stateData),this.slotContainers=[];for(var b=0,c=this.skeleton.drawOrder.length;c>b;b++){var d=this.skeleton.drawOrder[b],e=d.attachment,g=new f.DisplayObjectContainer;if(this.slotContainers.push(g),this.addChild(g),e instanceof n.RegionAttachment){var h=e.rendererObject.name,i=this.createSprite(d,e.rendererObject);d.currentSprite=i,d.currentSpriteName=h,g.addChild(i)}}},f.Spine.prototype=Object.create(f.DisplayObjectContainer.prototype),f.Spine.prototype.constructor=f.Spine,f.Spine.prototype.updateTransform=function(){this.lastTime=this.lastTime||Date.now();var a=.001*(Date.now()-this.lastTime);this.lastTime=Date.now(),this.state.update(a),this.state.apply(this.skeleton),this.skeleton.updateWorldTransform();for(var b=this.skeleton.drawOrder,c=0,d=b.length;d>c;c++){var e=b[c],g=e.attachment,h=this.slotContainers[c];if(g instanceof n.RegionAttachment){if(g.rendererObject&&(!e.currentSpriteName||e.currentSpriteName!=g.name)){var i=g.rendererObject.name;if(void 0!==e.currentSprite&&(e.currentSprite.visible=!1),e.sprites=e.sprites||{},void 0!==e.sprites[i])e.sprites[i].visible=!0;else{var j=this.createSprite(e,g.rendererObject);h.addChild(j)}e.currentSprite=e.sprites[i],e.currentSpriteName=i}h.visible=!0;var k=e.bone;h.position.x=k.worldX+g.x*k.m00+g.y*k.m01,h.position.y=k.worldY+g.x*k.m10+g.y*k.m11,h.scale.x=k.worldScaleX,h.scale.y=k.worldScaleY,h.rotation=-(e.bone.worldRotation*Math.PI/180)}else h.visible=!1}f.DisplayObjectContainer.prototype.updateTransform.call(this)},f.Spine.prototype.createSprite=function(a,b){var c=f.TextureCache[b.name]?b.name:b.name+".png",d=new f.Sprite(f.Texture.fromFrame(c));return d.scale=b.scale,d.rotation=b.rotation,d.anchor.x=d.anchor.y=.5,a.sprites=a.sprites||{},a.sprites[b.name]=d,d};var n={};n.BoneData=function(a,b){this.name=a,this.parent=b},n.BoneData.prototype={length:0,x:0,y:0,rotation:0,scaleX:1,scaleY:1},n.SlotData=function(a,b){this.name=a,this.boneData=b},n.SlotData.prototype={r:1,g:1,b:1,a:1,attachmentName:null},n.Bone=function(a,b){this.data=a,this.parent=b,this.setToSetupPose()},n.Bone.yDown=!1,n.Bone.prototype={x:0,y:0,rotation:0,scaleX:1,scaleY:1,m00:0,m01:0,worldX:0,m10:0,m11:0,worldY:0,worldRotation:0,worldScaleX:1,worldScaleY:1,updateWorldTransform:function(a,b){var c=this.parent;null!=c?(this.worldX=this.x*c.m00+this.y*c.m01+c.worldX,this.worldY=this.x*c.m10+this.y*c.m11+c.worldY,this.worldScaleX=c.worldScaleX*this.scaleX,this.worldScaleY=c.worldScaleY*this.scaleY,this.worldRotation=c.worldRotation+this.rotation):(this.worldX=this.x,this.worldY=this.y,this.worldScaleX=this.scaleX,this.worldScaleY=this.scaleY,this.worldRotation=this.rotation);var d=this.worldRotation*Math.PI/180,e=Math.cos(d),f=Math.sin(d);this.m00=e*this.worldScaleX,this.m10=f*this.worldScaleX,this.m01=-f*this.worldScaleY,this.m11=e*this.worldScaleY,a&&(this.m00=-this.m00,this.m01=-this.m01),b&&(this.m10=-this.m10,this.m11=-this.m11),n.Bone.yDown&&(this.m10=-this.m10,this.m11=-this.m11)},setToSetupPose:function(){var a=this.data;this.x=a.x,this.y=a.y,this.rotation=a.rotation,this.scaleX=a.scaleX,this.scaleY=a.scaleY}},n.Slot=function(a,b,c){this.data=a,this.skeleton=b,this.bone=c,this.setToSetupPose()},n.Slot.prototype={r:1,g:1,b:1,a:1,_attachmentTime:0,attachment:null,setAttachment:function(a){this.attachment=a,this._attachmentTime=this.skeleton.time},setAttachmentTime:function(a){this._attachmentTime=this.skeleton.time-a},getAttachmentTime:function(){return this.skeleton.time-this._attachmentTime},setToSetupPose:function(){var a=this.data;this.r=a.r,this.g=a.g,this.b=a.b,this.a=a.a;for(var b=this.skeleton.data.slots,c=0,d=b.length;d>c;c++)if(b[c]==a){this.setAttachment(a.attachmentName?this.skeleton.getAttachmentBySlotIndex(c,a.attachmentName):null);break}}},n.Skin=function(a){this.name=a,this.attachments={}},n.Skin.prototype={addAttachment:function(a,b,c){this.attachments[a+":"+b]=c},getAttachment:function(a,b){return this.attachments[a+":"+b]},_attachAll:function(a,b){for(var c in b.attachments){var d=c.indexOf(":"),e=parseInt(c.substring(0,d)),f=c.substring(d+1),g=a.slots[e];if(g.attachment&&g.attachment.name==f){var h=this.getAttachment(e,f);h&&g.setAttachment(h)}}}},n.Animation=function(a,b,c){this.name=a,this.timelines=b,this.duration=c},n.Animation.prototype={apply:function(a,b,c){c&&0!=this.duration&&(b%=this.duration);for(var d=this.timelines,e=0,f=d.length;f>e;e++)d[e].apply(a,b,1)},mix:function(a,b,c,d){c&&0!=this.duration&&(b%=this.duration);for(var e=this.timelines,f=0,g=e.length;g>f;f++)e[f].apply(a,b,d)}},n.binarySearch=function(a,b,c){var d=0,e=Math.floor(a.length/c)-2;if(0==e)return c;for(var f=e>>>1;;){if(a[(f+1)*c]<=b?d=f+1:e=f,d==e)return(d+1)*c;f=d+e>>>1}},n.linearSearch=function(a,b,c){for(var d=0,e=a.length-c;e>=d;d+=c)if(a[d]>b)return d;return-1},n.Curves=function(a){this.curves=[],this.curves.length=6*(a-1)},n.Curves.prototype={setLinear:function(a){this.curves[6*a]=0},setStepped:function(a){this.curves[6*a]=-1},setCurve:function(a,b,c,d,e){var f=.1,g=f*f,h=g*f,i=3*f,j=3*g,k=6*g,l=6*h,m=2*-b+d,n=2*-c+e,o=3*(b-d)+1,p=3*(c-e)+1,q=6*a,r=this.curves;r[q]=b*i+m*j+o*h,r[q+1]=c*i+n*j+p*h,r[q+2]=m*k+o*l,r[q+3]=n*k+p*l,r[q+4]=o*l,r[q+5]=p*l},getCurvePercent:function(a,b){b=0>b?0:b>1?1:b;var c=6*a,d=this.curves,e=d[c];if(!e)return b;if(-1==e)return 0;for(var f=d[c+1],g=d[c+2],h=d[c+3],i=d[c+4],j=d[c+5],k=e,l=f,m=8;;){if(k>=b){var n=k-e,o=l-f;return o+(l-o)*(b-n)/(k-n)}if(0==m)break;m--,e+=g,f+=h,g+=i,h+=j,k+=e,l+=f}return l+(1-l)*(b-k)/(1-k)}},n.RotateTimeline=function(a){this.curves=new n.Curves(a),this.frames=[],this.frames.length=2*a},n.RotateTimeline.prototype={boneIndex:0,getFrameCount:function(){return this.frames.length/2},setFrame:function(a,b,c){a*=2,this.frames[a]=b,this.frames[a+1]=c},apply:function(a,b,c){var d=this.frames;if(!(b<d[0])){var e=a.bones[this.boneIndex];if(b>=d[d.length-2]){for(var f=e.data.rotation+d[d.length-1]-e.rotation;f>180;)f-=360;for(;-180>f;)f+=360;return e.rotation+=f*c,void 0}var g=n.binarySearch(d,b,2),h=d[g-1],i=d[g],j=1-(b-i)/(d[g-2]-i);j=this.curves.getCurvePercent(g/2-1,j);for(var f=d[g+1]-h;f>180;)f-=360;for(;-180>f;)f+=360;for(f=e.data.rotation+(h+f*j)-e.rotation;f>180;)f-=360;for(;-180>f;)f+=360;e.rotation+=f*c}}},n.TranslateTimeline=function(a){this.curves=new n.Curves(a),this.frames=[],this.frames.length=3*a},n.TranslateTimeline.prototype={boneIndex:0,getFrameCount:function(){return this.frames.length/3},setFrame:function(a,b,c,d){a*=3,this.frames[a]=b,this.frames[a+1]=c,this.frames[a+2]=d},apply:function(a,b,c){var d=this.frames;if(!(b<d[0])){var e=a.bones[this.boneIndex];if(b>=d[d.length-3])return e.x+=(e.data.x+d[d.length-2]-e.x)*c,e.y+=(e.data.y+d[d.length-1]-e.y)*c,void 0;var f=n.binarySearch(d,b,3),g=d[f-2],h=d[f-1],i=d[f],j=1-(b-i)/(d[f+-3]-i);j=this.curves.getCurvePercent(f/3-1,j),e.x+=(e.data.x+g+(d[f+1]-g)*j-e.x)*c,e.y+=(e.data.y+h+(d[f+2]-h)*j-e.y)*c}}},n.ScaleTimeline=function(a){this.curves=new n.Curves(a),this.frames=[],this.frames.length=3*a},n.ScaleTimeline.prototype={boneIndex:0,getFrameCount:function(){return this.frames.length/3},setFrame:function(a,b,c,d){a*=3,this.frames[a]=b,this.frames[a+1]=c,this.frames[a+2]=d},apply:function(a,b,c){var d=this.frames;if(!(b<d[0])){var e=a.bones[this.boneIndex];if(b>=d[d.length-3])return e.scaleX+=(e.data.scaleX-1+d[d.length-2]-e.scaleX)*c,e.scaleY+=(e.data.scaleY-1+d[d.length-1]-e.scaleY)*c,void 0;var f=n.binarySearch(d,b,3),g=d[f-2],h=d[f-1],i=d[f],j=1-(b-i)/(d[f+-3]-i);j=this.curves.getCurvePercent(f/3-1,j),e.scaleX+=(e.data.scaleX-1+g+(d[f+1]-g)*j-e.scaleX)*c,e.scaleY+=(e.data.scaleY-1+h+(d[f+2]-h)*j-e.scaleY)*c}}},n.ColorTimeline=function(a){this.curves=new n.Curves(a),this.frames=[],this.frames.length=5*a},n.ColorTimeline.prototype={slotIndex:0,getFrameCount:function(){return this.frames.length/2},setFrame:function(c,d){c*=5,this.frames[c]=d,this.frames[c+1]=r,this.frames[c+2]=g,this.frames[c+3]=b,this.frames[c+4]=a},apply:function(a,b,c){var d=this.frames;if(!(b<d[0])){var e=a.slots[this.slotIndex];if(b>=d[d.length-5]){var f=d.length-1;return e.r=d[f-3],e.g=d[f-2],e.b=d[f-1],e.a=d[f],void 0}var g=n.binarySearch(d,b,5),h=d[g-4],i=d[g-3],j=d[g-2],k=d[g-1],l=d[g],m=1-(b-l)/(d[g-5]-l);m=this.curves.getCurvePercent(g/5-1,m);var o=h+(d[g+1]-h)*m,p=i+(d[g+2]-i)*m,q=j+(d[g+3]-j)*m,r=k+(d[g+4]-k)*m;1>c?(e.r+=(o-e.r)*c,e.g+=(p-e.g)*c,e.b+=(q-e.b)*c,e.a+=(r-e.a)*c):(e.r=o,e.g=p,e.b=q,e.a=r)}}},n.AttachmentTimeline=function(a){this.curves=new n.Curves(a),this.frames=[],this.frames.length=a,this.attachmentNames=[],this.attachmentNames.length=a},n.AttachmentTimeline.prototype={slotIndex:0,getFrameCount:function(){return this.frames.length},setFrame:function(a,b,c){this.frames[a]=b,this.attachmentNames[a]=c},apply:function(a,b){var c=this.frames;if(!(b<c[0])){var d;d=b>=c[c.length-1]?c.length-1:n.binarySearch(c,b,1)-1;var e=this.attachmentNames[d];a.slots[this.slotIndex].setAttachment(e?a.getAttachmentBySlotIndex(this.slotIndex,e):null)}}},n.SkeletonData=function(){this.bones=[],this.slots=[],this.skins=[],this.animations=[]},n.SkeletonData.prototype={defaultSkin:null,findBone:function(a){for(var b=this.bones,c=0,d=b.length;d>c;c++)if(b[c].name==a)return b[c];return null},findBoneIndex:function(a){for(var b=this.bones,c=0,d=b.length;d>c;c++)if(b[c].name==a)return c;return-1},findSlot:function(a){for(var b=this.slots,c=0,d=b.length;d>c;c++)if(b[c].name==a)return slot[c];return null},findSlotIndex:function(a){for(var b=this.slots,c=0,d=b.length;d>c;c++)if(b[c].name==a)return c;return-1},findSkin:function(a){for(var b=this.skins,c=0,d=b.length;d>c;c++)if(b[c].name==a)return b[c];return null},findAnimation:function(a){for(var b=this.animations,c=0,d=b.length;d>c;c++)if(b[c].name==a)return b[c];return null}},n.Skeleton=function(a){this.data=a,this.bones=[];for(var b=0,c=a.bones.length;c>b;b++){var d=a.bones[b],e=d.parent?this.bones[a.bones.indexOf(d.parent)]:null;this.bones.push(new n.Bone(d,e))}this.slots=[],this.drawOrder=[];for(var b=0,c=a.slots.length;c>b;b++){var f=a.slots[b],g=this.bones[a.bones.indexOf(f.boneData)],h=new n.Slot(f,this,g);this.slots.push(h),this.drawOrder.push(h)}},n.Skeleton.prototype={x:0,y:0,skin:null,r:1,g:1,b:1,a:1,time:0,flipX:!1,flipY:!1,updateWorldTransform:function(){for(var a=this.flipX,b=this.flipY,c=this.bones,d=0,e=c.length;e>d;d++)c[d].updateWorldTransform(a,b)},setToSetupPose:function(){this.setBonesToSetupPose(),this.setSlotsToSetupPose()},setBonesToSetupPose:function(){for(var a=this.bones,b=0,c=a.length;c>b;b++)a[b].setToSetupPose()},setSlotsToSetupPose:function(){for(var a=this.slots,b=0,c=a.length;c>b;b++)a[b].setToSetupPose(b)},getRootBone:function(){return 0==this.bones.length?null:this.bones[0]},findBone:function(a){for(var b=this.bones,c=0,d=b.length;d>c;c++)if(b[c].data.name==a)return b[c];return null},findBoneIndex:function(a){for(var b=this.bones,c=0,d=b.length;d>c;c++)if(b[c].data.name==a)return c;return-1},findSlot:function(a){for(var b=this.slots,c=0,d=b.length;d>c;c++)if(b[c].data.name==a)return b[c];return null},findSlotIndex:function(a){for(var b=this.slots,c=0,d=b.length;d>c;c++)if(b[c].data.name==a)return c;return-1},setSkinByName:function(a){var b=this.data.findSkin(a);if(!b)throw"Skin not found: "+a;this.setSkin(b)},setSkin:function(a){this.skin&&a&&a._attachAll(this,this.skin),this.skin=a},getAttachmentBySlotName:function(a,b){return this.getAttachmentBySlotIndex(this.data.findSlotIndex(a),b)},getAttachmentBySlotIndex:function(a,b){if(this.skin){var c=this.skin.getAttachment(a,b);if(c)return c}return this.data.defaultSkin?this.data.defaultSkin.getAttachment(a,b):null},setAttachment:function(a,b){for(var c=this.slots,d=0,e=c.size;e>d;d++){var f=c[d];if(f.data.name==a){var g=null;if(b&&(g=this.getAttachment(d,b),null==g))throw"Attachment not found: "+b+", for slot: "+a;return f.setAttachment(g),void 0}}throw"Slot not found: "+a},update:function(a){time+=a}},n.AttachmentType={region:0},n.RegionAttachment=function(){this.offset=[],this.offset.length=8,this.uvs=[],this.uvs.length=8},n.RegionAttachment.prototype={x:0,y:0,rotation:0,scaleX:1,scaleY:1,width:0,height:0,rendererObject:null,regionOffsetX:0,regionOffsetY:0,regionWidth:0,regionHeight:0,regionOriginalWidth:0,regionOriginalHeight:0,setUVs:function(a,b,c,d,e){var f=this.uvs;e?(f[2]=a,f[3]=d,f[4]=a,f[5]=b,f[6]=c,f[7]=b,f[0]=c,f[1]=d):(f[0]=a,f[1]=d,f[2]=a,f[3]=b,f[4]=c,f[5]=b,f[6]=c,f[7]=d)},updateOffset:function(){var a=this.width/this.regionOriginalWidth*this.scaleX,b=this.height/this.regionOriginalHeight*this.scaleY,c=-this.width/2*this.scaleX+this.regionOffsetX*a,d=-this.height/2*this.scaleY+this.regionOffsetY*b,e=c+this.regionWidth*a,f=d+this.regionHeight*b,g=this.rotation*Math.PI/180,h=Math.cos(g),i=Math.sin(g),j=c*h+this.x,k=c*i,l=d*h+this.y,m=d*i,n=e*h+this.x,o=e*i,p=f*h+this.y,q=f*i,r=this.offset;r[0]=j-m,r[1]=l+k,r[2]=j-q,r[3]=p+k,r[4]=n-q,r[5]=p+o,r[6]=n-m,r[7]=l+o},computeVertices:function(a,b,c,d){a+=c.worldX,b+=c.worldY;var e=c.m00,f=c.m01,g=c.m10,h=c.m11,i=this.offset;d[0]=i[0]*e+i[1]*f+a,d[1]=i[0]*g+i[1]*h+b,d[2]=i[2]*e+i[3]*f+a,d[3]=i[2]*g+i[3]*h+b,d[4]=i[4]*e+i[5]*f+a,d[5]=i[4]*g+i[5]*h+b,d[6]=i[6]*e+i[7]*f+a,d[7]=i[6]*g+i[7]*h+b}},n.AnimationStateData=function(a){this.skeletonData=a,this.animationToMixTime={}},n.AnimationStateData.prototype={defaultMix:0,setMixByName:function(a,b,c){var d=this.skeletonData.findAnimation(a);if(!d)throw"Animation not found: "+a;var e=this.skeletonData.findAnimation(b);if(!e)throw"Animation not found: "+b;this.setMix(d,e,c)},setMix:function(a,b,c){this.animationToMixTime[a.name+":"+b.name]=c},getMix:function(a,b){var c=this.animationToMixTime[a.name+":"+b.name];return c?c:this.defaultMix}},n.AnimationState=function(a){this.data=a,this.queue=[]},n.AnimationState.prototype={current:null,previous:null,currentTime:0,previousTime:0,currentLoop:!1,previousLoop:!1,mixTime:0,mixDuration:0,update:function(a){if(this.currentTime+=a,this.previousTime+=a,this.mixTime+=a,this.queue.length>0){var b=this.queue[0];this.currentTime>=b.delay&&(this._setAnimation(b.animation,b.loop),this.queue.shift())}},apply:function(a){if(this.current)if(this.previous){this.previous.apply(a,this.previousTime,this.previousLoop);
+var b=this.mixTime/this.mixDuration;b>=1&&(b=1,this.previous=null),this.current.mix(a,this.currentTime,this.currentLoop,b)}else this.current.apply(a,this.currentTime,this.currentLoop)},clearAnimation:function(){this.previous=null,this.current=null,this.queue.length=0},_setAnimation:function(a,b){this.previous=null,a&&this.current&&(this.mixDuration=this.data.getMix(this.current,a),this.mixDuration>0&&(this.mixTime=0,this.previous=this.current,this.previousTime=this.currentTime,this.previousLoop=this.currentLoop)),this.current=a,this.currentLoop=b,this.currentTime=0},setAnimationByName:function(a,b){var c=this.data.skeletonData.findAnimation(a);if(!c)throw"Animation not found: "+a;this.setAnimation(c,b)},setAnimation:function(a,b){this.queue.length=0,this._setAnimation(a,b)},addAnimationByName:function(a,b,c){var d=this.data.skeletonData.findAnimation(a);if(!d)throw"Animation not found: "+a;this.addAnimation(d,b,c)},addAnimation:function(a,b,c){var d={};if(d.animation=a,d.loop=b,!c||0>=c){var e=0==this.queue.length?this.current:this.queue[this.queue.length-1].animation;c=null!=e?e.duration-this.data.getMix(e,a)+(c||0):0}d.delay=c,this.queue.push(d)},isComplete:function(){return!this.current||this.currentTime>=this.current.duration}},n.SkeletonJson=function(a){this.attachmentLoader=a},n.SkeletonJson.prototype={scale:1,readSkeletonData:function(a){for(var b=new n.SkeletonData,c=a.bones,d=0,e=c.length;e>d;d++){var f=c[d],g=null;if(f.parent&&(g=b.findBone(f.parent),!g))throw"Parent bone not found: "+f.parent;var h=new n.BoneData(f.name,g);h.length=(f.length||0)*this.scale,h.x=(f.x||0)*this.scale,h.y=(f.y||0)*this.scale,h.rotation=f.rotation||0,h.scaleX=f.scaleX||1,h.scaleY=f.scaleY||1,b.bones.push(h)}for(var i=a.slots,d=0,e=i.length;e>d;d++){var j=i[d],h=b.findBone(j.bone);if(!h)throw"Slot bone not found: "+j.bone;var k=new n.SlotData(j.name,h),l=j.color;l&&(k.r=n.SkeletonJson.toColor(l,0),k.g=n.SkeletonJson.toColor(l,1),k.b=n.SkeletonJson.toColor(l,2),k.a=n.SkeletonJson.toColor(l,3)),k.attachmentName=j.attachment,b.slots.push(k)}var m=a.skins;for(var o in m)if(m.hasOwnProperty(o)){var p=m[o],q=new n.Skin(o);for(var r in p)if(p.hasOwnProperty(r)){var s=b.findSlotIndex(r),t=p[r];for(var u in t)if(t.hasOwnProperty(u)){var v=this.readAttachment(q,u,t[u]);null!=v&&q.addAttachment(s,u,v)}}b.skins.push(q),"default"==q.name&&(b.defaultSkin=q)}var w=a.animations;for(var x in w)w.hasOwnProperty(x)&&this.readAnimation(x,w[x],b);return b},readAttachment:function(a,b,c){b=c.name||b;var d=n.AttachmentType[c.type||"region"];if(d==n.AttachmentType.region){var e=new n.RegionAttachment;return e.x=(c.x||0)*this.scale,e.y=(c.y||0)*this.scale,e.scaleX=c.scaleX||1,e.scaleY=c.scaleY||1,e.rotation=c.rotation||0,e.width=(c.width||32)*this.scale,e.height=(c.height||32)*this.scale,e.updateOffset(),e.rendererObject={},e.rendererObject.name=b,e.rendererObject.scale={},e.rendererObject.scale.x=e.scaleX,e.rendererObject.scale.y=e.scaleY,e.rendererObject.rotation=-e.rotation*Math.PI/180,e}throw"Unknown attachment type: "+d},readAnimation:function(a,b,c){var d=[],e=0,f=b.bones;for(var g in f)if(f.hasOwnProperty(g)){var h=c.findBoneIndex(g);if(-1==h)throw"Bone not found: "+g;var i=f[g];for(var j in i)if(i.hasOwnProperty(j)){var k=i[j];if("rotate"==j){var l=new n.RotateTimeline(k.length);l.boneIndex=h;for(var m=0,o=0,p=k.length;p>o;o++){var q=k[o];l.setFrame(m,q.time,q.angle),n.SkeletonJson.readCurve(l,m,q),m++}d.push(l),e=Math.max(e,l.frames[2*l.getFrameCount()-2])}else{if("translate"!=j&&"scale"!=j)throw"Invalid timeline type for a bone: "+j+" ("+g+")";var l,r=1;"scale"==j?l=new n.ScaleTimeline(k.length):(l=new n.TranslateTimeline(k.length),r=this.scale),l.boneIndex=h;for(var m=0,o=0,p=k.length;p>o;o++){var q=k[o],s=(q.x||0)*r,t=(q.y||0)*r;l.setFrame(m,q.time,s,t),n.SkeletonJson.readCurve(l,m,q),m++}d.push(l),e=Math.max(e,l.frames[3*l.getFrameCount()-3])}}}var u=b.slots;for(var v in u)if(u.hasOwnProperty(v)){var w=u[v],x=c.findSlotIndex(v);for(var j in w)if(w.hasOwnProperty(j)){var k=w[j];if("color"==j){var l=new n.ColorTimeline(k.length);l.slotIndex=x;for(var m=0,o=0,p=k.length;p>o;o++){var q=k[o],y=q.color,z=n.SkeletonJson.toColor(y,0),A=n.SkeletonJson.toColor(y,1),B=n.SkeletonJson.toColor(y,2),C=n.SkeletonJson.toColor(y,3);l.setFrame(m,q.time,z,A,B,C),n.SkeletonJson.readCurve(l,m,q),m++}d.push(l),e=Math.max(e,l.frames[5*l.getFrameCount()-5])}else{if("attachment"!=j)throw"Invalid timeline type for a slot: "+j+" ("+v+")";var l=new n.AttachmentTimeline(k.length);l.slotIndex=x;for(var m=0,o=0,p=k.length;p>o;o++){var q=k[o];l.setFrame(m++,q.time,q.name)}d.push(l),e=Math.max(e,l.frames[l.getFrameCount()-1])}}}c.animations.push(new n.Animation(a,d,e))}},n.SkeletonJson.readCurve=function(a,b,c){var d=c.curve;d&&("stepped"==d?a.curves.setStepped(b):d instanceof Array&&a.curves.setCurve(b,d[0],d[1],d[2],d[3]))},n.SkeletonJson.toColor=function(a,b){if(8!=a.length)throw"Color hexidecimal length must be 8, recieved: "+a;return parseInt(a.substring(2*b,2),16)/255},n.Atlas=function(a,b){this.textureLoader=b,this.pages=[],this.regions=[];var c=new n.AtlasReader(a),d=[];d.length=4;for(var e=null;;){var f=c.readLine();if(null==f)break;if(f=c.trim(f),0==f.length)e=null;else if(e){var g=new n.AtlasRegion;g.name=f,g.page=e,g.rotate="true"==c.readValue(),c.readTuple(d);var h=parseInt(d[0]),i=parseInt(d[1]);c.readTuple(d);var j=parseInt(d[0]),k=parseInt(d[1]);g.u=h/e.width,g.v=i/e.height,g.rotate?(g.u2=(h+k)/e.width,g.v2=(i+j)/e.height):(g.u2=(h+j)/e.width,g.v2=(i+k)/e.height),g.x=h,g.y=i,g.width=Math.abs(j),g.height=Math.abs(k),4==c.readTuple(d)&&(g.splits=[parseInt(d[0]),parseInt(d[1]),parseInt(d[2]),parseInt(d[3])],4==c.readTuple(d)&&(g.pads=[parseInt(d[0]),parseInt(d[1]),parseInt(d[2]),parseInt(d[3])],c.readTuple(d))),g.originalWidth=parseInt(d[0]),g.originalHeight=parseInt(d[1]),c.readTuple(d),g.offsetX=parseInt(d[0]),g.offsetY=parseInt(d[1]),g.index=parseInt(c.readValue()),this.regions.push(g)}else{e=new n.AtlasPage,e.name=f,e.format=n.Atlas.Format[c.readValue()],c.readTuple(d),e.minFilter=n.Atlas.TextureFilter[d[0]],e.magFilter=n.Atlas.TextureFilter[d[1]];var l=c.readValue();e.uWrap=n.Atlas.TextureWrap.clampToEdge,e.vWrap=n.Atlas.TextureWrap.clampToEdge,"x"==l?e.uWrap=n.Atlas.TextureWrap.repeat:"y"==l?e.vWrap=n.Atlas.TextureWrap.repeat:"xy"==l&&(e.uWrap=e.vWrap=n.Atlas.TextureWrap.repeat),b.load(e,f),this.pages.push(e)}}},n.Atlas.prototype={findRegion:function(a){for(var b=this.regions,c=0,d=b.length;d>c;c++)if(b[c].name==a)return b[c];return null},dispose:function(){for(var a=this.pages,b=0,c=a.length;c>b;b++)this.textureLoader.unload(a[b].rendererObject)},updateUVs:function(a){for(var b=this.regions,c=0,d=b.length;d>c;c++){var e=b[c];e.page==a&&(e.u=e.x/a.width,e.v=e.y/a.height,e.rotate?(e.u2=(e.x+e.height)/a.width,e.v2=(e.y+e.width)/a.height):(e.u2=(e.x+e.width)/a.width,e.v2=(e.y+e.height)/a.height))}}},n.Atlas.Format={alpha:0,intensity:1,luminanceAlpha:2,rgb565:3,rgba4444:4,rgb888:5,rgba8888:6},n.Atlas.TextureFilter={nearest:0,linear:1,mipMap:2,mipMapNearestNearest:3,mipMapLinearNearest:4,mipMapNearestLinear:5,mipMapLinearLinear:6},n.Atlas.TextureWrap={mirroredRepeat:0,clampToEdge:1,repeat:2},n.AtlasPage=function(){},n.AtlasPage.prototype={name:null,format:null,minFilter:null,magFilter:null,uWrap:null,vWrap:null,rendererObject:null,width:0,height:0},n.AtlasRegion=function(){},n.AtlasRegion.prototype={page:null,name:null,x:0,y:0,width:0,height:0,u:0,v:0,u2:0,v2:0,offsetX:0,offsetY:0,originalWidth:0,originalHeight:0,index:0,rotate:!1,splits:null,pads:null},n.AtlasReader=function(a){this.lines=a.split(/\r\n|\r|\n/)},n.AtlasReader.prototype={index:0,trim:function(a){return a.replace(/^\s+|\s+$/g,"")},readLine:function(){return this.index>=this.lines.length?null:this.lines[this.index++]},readValue:function(){var a=this.readLine(),b=a.indexOf(":");if(-1==b)throw"Invalid line: "+a;return this.trim(a.substring(b+1))},readTuple:function(a){var b=this.readLine(),c=b.indexOf(":");if(-1==c)throw"Invalid line: "+b;for(var d=0,e=c+1;3>d;d++){var f=b.indexOf(",",e);if(-1==f){if(0==d)throw"Invalid line: "+b;break}a[d]=this.trim(b.substr(e,f-e)),e=f+1}return a[d]=this.trim(b.substring(e)),d+1}},n.AtlasAttachmentLoader=function(a){this.atlas=a},n.AtlasAttachmentLoader.prototype={newAttachment:function(a,b,c){switch(b){case n.AttachmentType.region:var d=this.atlas.findRegion(c);if(!d)throw"Region not found in atlas: "+c+" ("+b+")";var e=new n.RegionAttachment(c);return e.rendererObject=d,e.setUVs(d.u,d.v,d.u2,d.v2,d.rotate),e.regionOffsetX=d.offsetX,e.regionOffsetY=d.offsetY,e.regionWidth=d.width,e.regionHeight=d.height,e.regionOriginalWidth=d.originalWidth,e.regionOriginalHeight=d.originalHeight,e}throw"Unknown attachment type: "+b}},f.AnimCache={},n.Bone.yDown=!0,f.CustomRenderable=function(){f.DisplayObject.call(this),this.renderable=!0},f.CustomRenderable.prototype=Object.create(f.DisplayObject.prototype),f.CustomRenderable.prototype.constructor=f.CustomRenderable,f.CustomRenderable.prototype.renderCanvas=function(){},f.CustomRenderable.prototype.initWebGL=function(){},f.CustomRenderable.prototype.renderWebGL=function(){},f.BaseTextureCache={},f.texturesToUpdate=[],f.texturesToDestroy=[],f.BaseTexture=function(a){if(f.EventTarget.call(this),this.width=100,this.height=100,this.hasLoaded=!1,this.source=a,a){if(this.source instanceof Image||this.source instanceof HTMLImageElement)if(this.source.complete)this.hasLoaded=!0,this.width=this.source.width,this.height=this.source.height,f.texturesToUpdate.push(this);else{var b=this;this.source.onload=function(){b.hasLoaded=!0,b.width=b.source.width,b.height=b.source.height,f.texturesToUpdate.push(b),b.dispatchEvent({type:"loaded",content:b})}}else this.hasLoaded=!0,this.width=this.source.width,this.height=this.source.height,f.texturesToUpdate.push(this);this._powerOf2=!1}},f.BaseTexture.prototype.constructor=f.BaseTexture,f.BaseTexture.prototype.destroy=function(){this.source instanceof Image&&(this.source.src=null),this.source=null,f.texturesToDestroy.push(this)},f.BaseTexture.prototype.updateSourceImage=function(a){this.hasLoaded=!1,this.source.src=null,this.source.src=a},f.BaseTexture.fromImage=function(a,b){var c=f.BaseTextureCache[a];if(!c){var d=new Image;b&&(d.crossOrigin=""),d.src=a,c=new f.BaseTexture(d),f.BaseTextureCache[a]=c}return c},f.TextureCache={},f.FrameCache={},f.Texture=function(a,b){if(f.EventTarget.call(this),b||(this.noFrame=!0,b=new f.Rectangle(0,0,1,1)),a instanceof f.Texture&&(a=a.baseTexture),this.baseTexture=a,this.frame=b,this.trim=new f.Point,this.scope=this,a.hasLoaded)this.noFrame&&(b=new f.Rectangle(0,0,a.width,a.height)),this.setFrame(b);else{var c=this;a.addEventListener("loaded",function(){c.onBaseTextureLoaded()})}},f.Texture.prototype.constructor=f.Texture,f.Texture.prototype.onBaseTextureLoaded=function(){var a=this.baseTexture;a.removeEventListener("loaded",this.onLoaded),this.noFrame&&(this.frame=new f.Rectangle(0,0,a.width,a.height)),this.noFrame=!1,this.width=this.frame.width,this.height=this.frame.height,this.scope.dispatchEvent({type:"update",content:this})},f.Texture.prototype.destroy=function(a){a&&this.baseTexture.destroy()},f.Texture.prototype.setFrame=function(a){if(this.frame=a,this.width=a.width,this.height=a.height,a.x+a.width>this.baseTexture.width||a.y+a.height>this.baseTexture.height)throw new Error("Texture Error: frame does not fit inside the base Texture dimensions "+this);this.updateFrame=!0,f.Texture.frameUpdates.push(this)},f.Texture.fromImage=function(a,b){var c=f.TextureCache[a];return c||(c=new f.Texture(f.BaseTexture.fromImage(a,b)),f.TextureCache[a]=c),c},f.Texture.fromFrame=function(a){var b=f.TextureCache[a];if(!b)throw new Error("The frameId '"+a+"' does not exist in the texture cache "+this);return b},f.Texture.fromCanvas=function(a){var b=new f.BaseTexture(a);return new f.Texture(b)},f.Texture.addTextureToCache=function(a,b){f.TextureCache[b]=a},f.Texture.removeTextureFromCache=function(a){var b=f.TextureCache[a];return f.TextureCache[a]=null,b},f.Texture.frameUpdates=[],f.RenderTexture=function(a,b){f.EventTarget.call(this),this.width=a||100,this.height=b||100,this.indetityMatrix=f.mat3.create(),this.frame=new f.Rectangle(0,0,this.width,this.height),f.gl?this.initWebGL():this.initCanvas()},f.RenderTexture.prototype=Object.create(f.Texture.prototype),f.RenderTexture.prototype.constructor=f.RenderTexture,f.RenderTexture.prototype.initWebGL=function(){var a=f.gl;this.glFramebuffer=a.createFramebuffer(),a.bindFramebuffer(a.FRAMEBUFFER,this.glFramebuffer),this.glFramebuffer.width=this.width,this.glFramebuffer.height=this.height,this.baseTexture=new f.BaseTexture,this.baseTexture.width=this.width,this.baseTexture.height=this.height,this.baseTexture._glTexture=a.createTexture(),a.bindTexture(a.TEXTURE_2D,this.baseTexture._glTexture),a.texImage2D(a.TEXTURE_2D,0,a.RGBA,this.width,this.height,0,a.RGBA,a.UNSIGNED_BYTE,null),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,a.LINEAR),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,a.LINEAR),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),this.baseTexture.isRender=!0,a.bindFramebuffer(a.FRAMEBUFFER,this.glFramebuffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,this.baseTexture._glTexture,0),this.projection=new f.Point(this.width/2,-this.height/2),this.render=this.renderWebGL},f.RenderTexture.prototype.resize=function(a,b){if(this.width=a,this.height=b,f.gl){this.projection.x=this.width/2,this.projection.y=-this.height/2;var c=f.gl;c.bindTexture(c.TEXTURE_2D,this.baseTexture._glTexture),c.texImage2D(c.TEXTURE_2D,0,c.RGBA,this.width,this.height,0,c.RGBA,c.UNSIGNED_BYTE,null)}else this.frame.width=this.width,this.frame.height=this.height,this.renderer.resize(this.width,this.height)},f.RenderTexture.prototype.initCanvas=function(){this.renderer=new f.CanvasRenderer(this.width,this.height,null,0),this.baseTexture=new f.BaseTexture(this.renderer.view),this.frame=new f.Rectangle(0,0,this.width,this.height),this.render=this.renderCanvas},f.RenderTexture.prototype.renderWebGL=function(a,b,c){var d=f.gl;d.colorMask(!0,!0,!0,!0),d.viewport(0,0,this.width,this.height),d.bindFramebuffer(d.FRAMEBUFFER,this.glFramebuffer),c&&(d.clearColor(0,0,0,0),d.clear(d.COLOR_BUFFER_BIT));var e=a.children,g=a.worldTransform;a.worldTransform=f.mat3.create(),a.worldTransform[4]=-1,a.worldTransform[5]=-2*this.projection.y,b&&(a.worldTransform[2]=b.x,a.worldTransform[5]-=b.y),f.visibleCount++,a.vcount=f.visibleCount;for(var h=0,i=e.length;i>h;h++)e[h].updateTransform();var j=a.__renderGroup;j?a==j.root?j.render(this.projection,this.glFramebuffer):j.renderSpecific(a,this.projection,this.glFramebuffer):(this.renderGroup||(this.renderGroup=new f.WebGLRenderGroup(d)),this.renderGroup.setRenderable(a),this.renderGroup.render(this.projection,this.glFramebuffer)),a.worldTransform=g},f.RenderTexture.prototype.renderCanvas=function(a,b,c){var d=a.children;a.worldTransform=f.mat3.create(),b&&(a.worldTransform[2]=b.x,a.worldTransform[5]=b.y);for(var e=0,g=d.length;g>e;e++)d[e].updateTransform();c&&this.renderer.context.clearRect(0,0,this.width,this.height),this.renderer.renderDisplayObject(a),this.renderer.context.setTransform(1,0,0,1,0,0)},f.AssetLoader=function(a,b){f.EventTarget.call(this),this.assetURLs=a,this.crossorigin=b,this.loadersByType={jpg:f.ImageLoader,jpeg:f.ImageLoader,png:f.ImageLoader,gif:f.ImageLoader,json:f.JsonLoader,anim:f.SpineLoader,xml:f.BitmapFontLoader,fnt:f.BitmapFontLoader}},f.AssetLoader.prototype.constructor=f.AssetLoader,f.AssetLoader.prototype.load=function(){var a=this;this.loadCount=this.assetURLs.length;for(var b=0;b<this.assetURLs.length;b++){var c=this.assetURLs[b],d=c.split("?").shift().split(".").pop().toLowerCase(),e=this.loadersByType[d];if(!e)throw new Error(d+" is an unsupported file type");var f=new e(c,this.crossorigin);f.addEventListener("loaded",function(){a.onAssetLoaded()}),f.load()}},f.AssetLoader.prototype.onAssetLoaded=function(){this.loadCount--,this.dispatchEvent({type:"onProgress",content:this}),this.onProgress&&this.onProgress(),0==this.loadCount&&(this.dispatchEvent({type:"onComplete",content:this}),this.onComplete&&this.onComplete())},f.JsonLoader=function(a,b){f.EventTarget.call(this),this.url=a,this.crossorigin=b,this.baseUrl=a.replace(/[^\/]*$/,""),this.loaded=!1},f.JsonLoader.prototype.constructor=f.JsonLoader,f.JsonLoader.prototype.load=function(){this.ajaxRequest=new k;var a=this;this.ajaxRequest.onreadystatechange=function(){a.onJSONLoaded()},this.ajaxRequest.open("GET",this.url,!0),this.ajaxRequest.overrideMimeType&&this.ajaxRequest.overrideMimeType("application/json"),this.ajaxRequest.send(null)},f.JsonLoader.prototype.onJSONLoaded=function(){if(4==this.ajaxRequest.readyState)if(200==this.ajaxRequest.status||-1==window.location.href.indexOf("http"))if(this.json=JSON.parse(this.ajaxRequest.responseText),this.json.frames){var a=this,b=this.baseUrl+this.json.meta.image,c=new f.ImageLoader(b,this.crossorigin),d=this.json.frames;this.texture=c.texture.baseTexture,c.addEventListener("loaded",function(){a.onLoaded()});for(var e in d){var g=d[e].frame;g&&(f.TextureCache[e]=new f.Texture(this.texture,{x:g.x,y:g.y,width:g.w,height:g.h}),d[e].trimmed&&(f.TextureCache[e].realSize=d[e].spriteSourceSize,f.TextureCache[e].trim.x=0))}c.load()}else if(this.json.bones){var h=new n.SkeletonJson,i=h.readSkeletonData(this.json);f.AnimCache[this.url]=i,this.onLoaded()}else this.onLoaded();else this.onError()},f.JsonLoader.prototype.onLoaded=function(){this.loaded=!0,this.dispatchEvent({type:"loaded",content:this})},f.JsonLoader.prototype.onError=function(){this.dispatchEvent({type:"error",content:this})},f.SpriteSheetLoader=function(a,b){f.EventTarget.call(this),this.url=a,this.crossorigin=b,this.baseUrl=a.replace(/[^\/]*$/,""),this.texture=null,this.frames={}},f.SpriteSheetLoader.prototype.constructor=f.SpriteSheetLoader,f.SpriteSheetLoader.prototype.load=function(){var a=this,b=new f.JsonLoader(this.url,this.crossorigin);b.addEventListener("loaded",function(b){a.json=b.content.json,a.onJSONLoaded()}),b.load()},f.SpriteSheetLoader.prototype.onJSONLoaded=function(){var a=this,b=this.baseUrl+this.json.meta.image,c=new f.ImageLoader(b,this.crossorigin),d=this.json.frames;this.texture=c.texture.baseTexture,c.addEventListener("loaded",function(){a.onLoaded()});for(var e in d){var g=d[e].frame;g&&(f.TextureCache[e]=new f.Texture(this.texture,{x:g.x,y:g.y,width:g.w,height:g.h}),d[e].trimmed&&(f.TextureCache[e].realSize=d[e].spriteSourceSize,f.TextureCache[e].trim.x=0))}c.load()},f.SpriteSheetLoader.prototype.onLoaded=function(){this.dispatchEvent({type:"loaded",content:this})},f.ImageLoader=function(a,b){f.EventTarget.call(this),this.texture=f.Texture.fromImage(a,b),this.frames=[]},f.ImageLoader.prototype.constructor=f.ImageLoader,f.ImageLoader.prototype.load=function(){if(this.texture.baseTexture.hasLoaded)this.onLoaded();else{var a=this;this.texture.baseTexture.addEventListener("loaded",function(){a.onLoaded()})}},f.ImageLoader.prototype.onLoaded=function(){this.dispatchEvent({type:"loaded",content:this})},f.ImageLoader.prototype.loadFramedSpriteSheet=function(a,b,c){this.frames=[];for(var d=Math.floor(this.texture.width/a),e=Math.floor(this.texture.height/b),g=0,h=0;e>h;h++)for(var i=0;d>i;i++,g++){var j=new f.Texture(this.texture,{x:i*a,y:h*b,width:a,height:b});this.frames.push(j),c&&(f.TextureCache[c+"-"+g]=j)}if(this.texture.baseTexture.hasLoaded)this.onLoaded();else{var k=this;this.texture.baseTexture.addEventListener("loaded",function(){k.onLoaded()})}},f.BitmapFontLoader=function(a,b){f.EventTarget.call(this),this.url=a,this.crossorigin=b,this.baseUrl=a.replace(/[^\/]*$/,""),this.texture=null},f.BitmapFontLoader.prototype.constructor=f.BitmapFontLoader,f.BitmapFontLoader.prototype.load=function(){this.ajaxRequest=new XMLHttpRequest;var a=this;this.ajaxRequest.onreadystatechange=function(){a.onXMLLoaded()},this.ajaxRequest.open("GET",this.url,!0),this.ajaxRequest.overrideMimeType&&this.ajaxRequest.overrideMimeType("application/xml"),this.ajaxRequest.send(null)},f.BitmapFontLoader.prototype.onXMLLoaded=function(){if(4==this.ajaxRequest.readyState&&(200==this.ajaxRequest.status||-1==window.location.href.indexOf("http"))){var a=this.baseUrl+this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue,b=new f.ImageLoader(a,this.crossorigin);this.texture=b.texture.baseTexture;var c={},d=this.ajaxRequest.responseXML.getElementsByTagName("info")[0],e=this.ajaxRequest.responseXML.getElementsByTagName("common")[0];c.font=d.attributes.getNamedItem("face").nodeValue,c.size=parseInt(d.attributes.getNamedItem("size").nodeValue,10),c.lineHeight=parseInt(e.attributes.getNamedItem("lineHeight").nodeValue,10),c.chars={};for(var g=this.ajaxRequest.responseXML.getElementsByTagName("char"),h=0;h<g.length;h++){var i=parseInt(g[h].attributes.getNamedItem("id").nodeValue,10),j=new f.Rectangle(parseInt(g[h].attributes.getNamedItem("x").nodeValue,10),parseInt(g[h].attributes.getNamedItem("y").nodeValue,10),parseInt(g[h].attributes.getNamedItem("width").nodeValue,10),parseInt(g[h].attributes.getNamedItem("height").nodeValue,10));c.chars[i]={xOffset:parseInt(g[h].attributes.getNamedItem("xoffset").nodeValue,10),yOffset:parseInt(g[h].attributes.getNamedItem("yoffset").nodeValue,10),xAdvance:parseInt(g[h].attributes.getNamedItem("xadvance").nodeValue,10),kerning:{},texture:f.TextureCache[i]=new f.Texture(this.texture,j)}}var k=this.ajaxRequest.responseXML.getElementsByTagName("kerning");for(h=0;h<k.length;h++){var l=parseInt(k[h].attributes.getNamedItem("first").nodeValue,10),m=parseInt(k[h].attributes.getNamedItem("second").nodeValue,10),n=parseInt(k[h].attributes.getNamedItem("amount").nodeValue,10);c.chars[m].kerning[l]=n}f.BitmapText.fonts[c.font]=c;var o=this;b.addEventListener("loaded",function(){o.onLoaded()}),b.load()}},f.BitmapFontLoader.prototype.onLoaded=function(){this.dispatchEvent({type:"loaded",content:this})},f.SpineLoader=function(a,b){f.EventTarget.call(this),this.url=a,this.crossorigin=b,this.loaded=!1},f.SpineLoader.prototype.constructor=f.SpineLoader,f.SpineLoader.prototype.load=function(){var a=this,b=new f.JsonLoader(this.url,this.crossorigin);b.addEventListener("loaded",function(b){a.json=b.content.json,a.onJSONLoaded()}),b.load()},f.SpineLoader.prototype.onJSONLoaded=function(){var a=new n.SkeletonJson,b=a.readSkeletonData(this.json);f.AnimCache[this.url]=b,this.onLoaded()},f.SpineLoader.prototype.onLoaded=function(){this.loaded=!0,this.dispatchEvent({type:"loaded",content:this})},f.AbstractFilter=function(a,b){this.passes=[this],this.dirty=!0,this.padding=0,this.uniforms=b||{},this.fragmentSrc=a||[]},f.ColorMatrixFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={matrix:{type:"mat4",value:[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float invert;","uniform mat4 matrix;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor = texture2D(uSampler, vTextureCoord) * matrix;","gl_FragColor = gl_FragColor * vColor;","}"]},f.ColorMatrixFilter.prototype=Object.create(f.AbstractFilter.prototype),f.ColorMatrixFilter.prototype.constructor=f.ColorMatrixFilter,Object.defineProperty(f.ColorMatrixFilter.prototype,"matrix",{get:function(){return this.uniforms.matrix.value},set:function(a){this.uniforms.matrix.value=a}}),f.GrayFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={gray:{type:"1f",value:1}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform sampler2D uSampler;","uniform float gray;","void main(void) {","gl_FragColor = texture2D(uSampler, vTextureCoord);","gl_FragColor.rgb = mix(gl_FragColor.rgb, vec3(0.2126*gl_FragColor.r + 0.7152*gl_FragColor.g + 0.0722*gl_FragColor.b), gray);","gl_FragColor = gl_FragColor * vColor;","}"]},f.GrayFilter.prototype=Object.create(f.AbstractFilter.prototype),f.GrayFilter.prototype.constructor=f.GrayFilter,Object.defineProperty(f.GrayFilter.prototype,"gray",{get:function(){return this.uniforms.gray.value},set:function(a){this.uniforms.gray.value=a}}),f.DisplacementFilter=function(a){f.AbstractFilter.call(this),this.passes=[this],a.baseTexture._powerOf2=!0,this.uniforms={displacementMap:{type:"sampler2D",value:a},scale:{type:"2f",value:{x:30,y:30}},offset:{type:"2f",value:{x:0,y:0}},mapDimensions:{type:"2f",value:{x:1,y:5112}},dimensions:{type:"4fv",value:[0,0,0,0]}},a.baseTexture.hasLoaded?(this.uniforms.mapDimensions.value.x=a.width,this.uniforms.mapDimensions.value.y=a.height):(this.boundLoadedFunction=this.onTextureLoaded.bind(this),a.baseTexture.on("loaded",this.boundLoadedFunction)),this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform sampler2D displacementMap;","uniform sampler2D uSampler;","uniform vec2 scale;","uniform vec2 offset;","uniform vec4 dimensions;","uniform vec2 mapDimensions;","void main(void) {","vec2 mapCords = vTextureCoord.xy;","mapCords += (dimensions.zw + offset)/ dimensions.xy ;","mapCords.y *= -1.0;","mapCords.y += 1.0;","vec2 matSample = texture2D(displacementMap, mapCords).xy;","matSample -= 0.5;","matSample *= scale;","matSample /= mapDimensions;","gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x + matSample.x, vTextureCoord.y + matSample.y));","gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb, 1.0);","vec2 cord = vTextureCoord;","gl_FragColor = gl_FragColor * vColor;","}"]},f.DisplacementFilter.prototype=Object.create(f.AbstractFilter.prototype),f.DisplacementFilter.prototype.constructor=f.DisplacementFilter,f.DisplacementFilter.prototype.onTextureLoaded=function(){this.uniforms.mapDimensions.value.x=this.uniforms.displacementMap.value.width,this.uniforms.mapDimensions.value.y=this.uniforms.displacementMap.value.height,this.uniforms.displacementMap.value.baseTexture.off("loaded",this.boundLoadedFunction)},Object.defineProperty(f.DisplacementFilter.prototype,"map",{get:function(){return this.uniforms.displacementMap.value},set:function(a){this.uniforms.displacementMap.value=a}}),Object.defineProperty(f.DisplacementFilter.prototype,"scale",{get:function(){return this.uniforms.scale.value},set:function(a){this.uniforms.scale.value=a}}),Object.defineProperty(f.DisplacementFilter.prototype,"offset",{get:function(){return this.uniforms.offset.value},set:function(a){this.uniforms.offset.value=a}}),f.PixelateFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={invert:{type:"1f",value:0},dimensions:{type:"4fv",value:new Float32Array([1e4,100,10,10])},pixelSize:{type:"2f",value:{x:10,y:10}}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform vec2 testDim;","uniform vec4 dimensions;","uniform vec2 pixelSize;","uniform sampler2D uSampler;","void main(void) {","vec2 coord = vTextureCoord;","vec2 size = dimensions.xy/pixelSize;","vec2 color = floor( ( vTextureCoord * size ) ) / size + pixelSize/dimensions.xy * 0.5;","gl_FragColor = texture2D(uSampler, color);","}"]},f.PixelateFilter.prototype=Object.create(f.AbstractFilter.prototype),f.PixelateFilter.prototype.constructor=f.PixelateFilter,Object.defineProperty(f.PixelateFilter.prototype,"size",{get:function(){return this.uniforms.pixelSize.value},set:function(a){this.dirty=!0,this.uniforms.pixelSize.value=a}}),f.BlurXFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={blur:{type:"1f",value:1/512}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float blur;","uniform sampler2D uSampler;","void main(void) {","vec4 sum = vec4(0.0);","sum += texture2D(uSampler, vec2(vTextureCoord.x - 4.0*blur, vTextureCoord.y)) * 0.05;","sum += texture2D(uSampler, vec2(vTextureCoord.x - 3.0*blur, vTextureCoord.y)) * 0.09;","sum += texture2D(uSampler, vec2(vTextureCoord.x - 2.0*blur, vTextureCoord.y)) * 0.12;","sum += texture2D(uSampler, vec2(vTextureCoord.x - blur, vTextureCoord.y)) * 0.15;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;","sum += texture2D(uSampler, vec2(vTextureCoord.x + blur, vTextureCoord.y)) * 0.15;","sum += texture2D(uSampler, vec2(vTextureCoord.x + 2.0*blur, vTextureCoord.y)) * 0.12;","sum += texture2D(uSampler, vec2(vTextureCoord.x + 3.0*blur, vTextureCoord.y)) * 0.09;","sum += texture2D(uSampler, vec2(vTextureCoord.x + 4.0*blur, vTextureCoord.y)) * 0.05;","gl_FragColor = sum;","}"]},f.BlurXFilter.prototype=Object.create(f.AbstractFilter.prototype),f.BlurXFilter.prototype.constructor=f.BlurXFilter,Object.defineProperty(f.BlurXFilter.prototype,"blur",{get:function(){return this.uniforms.blur.value/(1/7e3)},set:function(a){this.dirty=!0,this.uniforms.blur.value=1/7e3*a}}),f.BlurYFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={blur:{type:"1f",value:1/512}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float blur;","uniform sampler2D uSampler;","void main(void) {","vec4 sum = vec4(0.0);","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 4.0*blur)) * 0.05;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 3.0*blur)) * 0.09;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 2.0*blur)) * 0.12;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - blur)) * 0.15;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + blur)) * 0.15;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 2.0*blur)) * 0.12;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 3.0*blur)) * 0.09;","sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 4.0*blur)) * 0.05;","gl_FragColor = sum;","}"]},f.BlurYFilter.prototype=Object.create(f.AbstractFilter.prototype),f.BlurYFilter.prototype.constructor=f.BlurYFilter,Object.defineProperty(f.BlurYFilter.prototype,"blur",{get:function(){return this.uniforms.blur.value/(1/7e3)},set:function(a){this.uniforms.blur.value=1/7e3*a}}),f.BlurFilter=function(){this.blurXFilter=new f.BlurXFilter,this.blurYFilter=new f.BlurYFilter,this.passes=[this.blurXFilter,this.blurYFilter]},Object.defineProperty(f.BlurFilter.prototype,"blur",{get:function(){return this.blurXFilter.blur},set:function(a){this.blurXFilter.blur=this.blurYFilter.blur=a}}),Object.defineProperty(f.BlurFilter.prototype,"blurX",{get:function(){return this.blurXFilter.blur},set:function(a){this.blurXFilter.blur=a}}),Object.defineProperty(f.BlurFilter.prototype,"blurY",{get:function(){return this.blurYFilter.blur},set:function(a){this.blurYFilter.blur=a}}),f.InvertFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={invert:{type:"1f",value:1}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float invert;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor = texture2D(uSampler, vTextureCoord);","gl_FragColor.rgb = mix( (vec3(1)-gl_FragColor.rgb) * gl_FragColor.a, gl_FragColor.rgb, 1.0 - invert);","gl_FragColor = gl_FragColor * vColor;","}"]},f.InvertFilter.prototype=Object.create(f.AbstractFilter.prototype),f.InvertFilter.prototype.constructor=f.InvertFilter,Object.defineProperty(f.InvertFilter.prototype,"invert",{get:function(){return this.uniforms.invert.value},set:function(a){this.uniforms.invert.value=a}}),f.SepiaFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={sepia:{type:"1f",value:1}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float sepia;","uniform sampler2D uSampler;","const mat3 sepiaMatrix = mat3(0.3588, 0.7044, 0.1368, 0.2990, 0.5870, 0.1140, 0.2392, 0.4696, 0.0912);","void main(void) {","gl_FragColor = texture2D(uSampler, vTextureCoord);","gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb * sepiaMatrix, sepia);","gl_FragColor = gl_FragColor * vColor;","}"]
+},f.SepiaFilter.prototype=Object.create(f.AbstractFilter.prototype),f.SepiaFilter.prototype.constructor=f.SepiaFilter,Object.defineProperty(f.SepiaFilter.prototype,"sepia",{get:function(){return this.uniforms.sepia.value},set:function(a){this.uniforms.sepia.value=a}}),f.TwistFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={radius:{type:"1f",value:.5},angle:{type:"1f",value:5},offset:{type:"2f",value:{x:.5,y:.5}}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform vec4 dimensions;","uniform sampler2D uSampler;","uniform float radius;","uniform float angle;","uniform vec2 offset;","void main(void) {","vec2 coord = vTextureCoord - offset;","float distance = length(coord);","if (distance < radius){","float ratio = (radius - distance) / radius;","float angleMod = ratio * ratio * angle;","float s = sin(angleMod);","float c = cos(angleMod);","coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);","}","gl_FragColor = texture2D(uSampler, coord+offset);","}"]},f.TwistFilter.prototype=Object.create(f.AbstractFilter.prototype),f.TwistFilter.prototype.constructor=f.TwistFilter,Object.defineProperty(f.TwistFilter.prototype,"offset",{get:function(){return this.uniforms.offset.value},set:function(a){this.dirty=!0,this.uniforms.offset.value=a}}),Object.defineProperty(f.TwistFilter.prototype,"radius",{get:function(){return this.uniforms.radius.value},set:function(a){this.dirty=!0,this.uniforms.radius.value=a}}),Object.defineProperty(f.TwistFilter.prototype,"angle",{get:function(){return this.uniforms.angle.value},set:function(a){this.dirty=!0,this.uniforms.angle.value=a}}),f.ColorStepFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={step:{type:"1f",value:5}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform sampler2D uSampler;","uniform float step;","void main(void) {","vec4 color = texture2D(uSampler, vTextureCoord);","color = floor(color * step) / step;","gl_FragColor = color * vColor;","}"]},f.ColorStepFilter.prototype=Object.create(f.AbstractFilter.prototype),f.ColorStepFilter.prototype.constructor=f.ColorStepFilter,Object.defineProperty(f.ColorStepFilter.prototype,"step",{get:function(){return this.uniforms.step.value},set:function(a){this.uniforms.step.value=a}}),f.DotScreenFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={scale:{type:"1f",value:1},angle:{type:"1f",value:5},dimensions:{type:"4fv",value:[0,0,0,0]}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform vec4 dimensions;","uniform sampler2D uSampler;","uniform float angle;","uniform float scale;","float pattern() {","float s = sin(angle), c = cos(angle);","vec2 tex = vTextureCoord * dimensions.xy;","vec2 point = vec2(","c * tex.x - s * tex.y,","s * tex.x + c * tex.y",") * scale;","return (sin(point.x) * sin(point.y)) * 4.0;","}","void main() {","vec4 color = texture2D(uSampler, vTextureCoord);","float average = (color.r + color.g + color.b) / 3.0;","gl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);","}"]},f.DotScreenFilter.prototype=Object.create(f.DotScreenFilter.prototype),f.DotScreenFilter.prototype.constructor=f.DotScreenFilter,Object.defineProperty(f.DotScreenFilter.prototype,"scale",{get:function(){return this.uniforms.scale.value},set:function(a){this.dirty=!0,this.uniforms.scale.value=a}}),Object.defineProperty(f.DotScreenFilter.prototype,"angle",{get:function(){return this.uniforms.angle.value},set:function(a){this.dirty=!0,this.uniforms.angle.value=a}}),f.CrossHatchFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={blur:{type:"1f",value:1/512}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform float blur;","uniform sampler2D uSampler;","void main(void) {","    float lum = length(texture2D(uSampler, vTextureCoord.xy).rgb);","     ","    gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);","     ","    if (lum < 1.00) {","        if (mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {","            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);","        }","    }","     ","    if (lum < 0.75) {","        if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {","            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);","        }","    }","     ","    if (lum < 0.50) {","        if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {","            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);","        }","    }","     ","    if (lum < 0.3) {","        if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {","            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);","        }","    }","}"]},f.CrossHatchFilter.prototype=Object.create(f.AbstractFilter.prototype),f.CrossHatchFilter.prototype.constructor=f.BlurYFilter,Object.defineProperty(f.CrossHatchFilter.prototype,"blur",{get:function(){return this.uniforms.blur.value/(1/7e3)},set:function(a){this.uniforms.blur.value=1/7e3*a}}),f.RGBSplitFilter=function(){f.AbstractFilter.call(this),this.passes=[this],this.uniforms={red:{type:"2f",value:{x:20,y:20}},green:{type:"2f",value:{x:-20,y:20}},blue:{type:"2f",value:{x:20,y:-20}},dimensions:{type:"4fv",value:[0,0,0,0]}},this.fragmentSrc=["precision mediump float;","varying vec2 vTextureCoord;","varying float vColor;","uniform vec2 red;","uniform vec2 green;","uniform vec2 blue;","uniform vec4 dimensions;","uniform sampler2D uSampler;","void main(void) {","gl_FragColor.r = texture2D(uSampler, vTextureCoord + red/dimensions.xy).r;","gl_FragColor.g = texture2D(uSampler, vTextureCoord + green/dimensions.xy).g;","gl_FragColor.b = texture2D(uSampler, vTextureCoord + blue/dimensions.xy).b;","gl_FragColor.a = texture2D(uSampler, vTextureCoord).a;","}"]},f.RGBSplitFilter.prototype=Object.create(f.AbstractFilter.prototype),f.RGBSplitFilter.prototype.constructor=f.RGBSplitFilter,Object.defineProperty(f.RGBSplitFilter.prototype,"angle",{get:function(){return this.uniforms.blur.value/(1/7e3)},set:function(a){this.uniforms.blur.value=1/7e3*a}}),"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=f),exports.PIXI=f):"undefined"!=typeof define&&define.amd?define(f):e.PIXI=f}.call(this);
\ No newline at end of file
diff --git a/docs/api.js b/docs/api.js
index 7aa9f42..db65376 100644
--- a/docs/api.js
+++ b/docs/api.js
@@ -1,27 +1,39 @@
 YUI.add("yuidoc-meta", function(Y) {
    Y.YUIDoc = { meta: {
     "classes": [
+        "AbstractFilter",
         "AssetLoader",
         "BaseTexture",
         "BitmapFontLoader",
         "BitmapText",
+        "BlurFilter",
         "CanvasGraphics",
         "CanvasRenderer",
         "Circle",
+        "ColorMatrixFilter",
         "CustomRenderable",
+        "DisplacementFilter",
         "DisplayObject",
         "DisplayObjectContainer",
         "Ellipse",
+        "EventTarget",
         "Graphics",
+        "GreyFilter",
         "ImageLoader",
-        "InteractionData",
-        "InteractionManager",
+        "InvertFilter",
         "JsonLoader",
         "MovieClip",
+        "PixelateFilter",
         "Point",
+        "PolyK.AjaxRequest",
+        "PolyK.InteractionData",
+        "PolyK.InteractionManager",
+        "PolyK._PointInTriangle",
+        "PolyK._convex",
         "Polygon",
         "Rectangle",
         "RenderTexture",
+        "SepiaFilter",
         "Spine",
         "Sprite",
         "SpriteSheetLoader",
diff --git a/docs/assets/css/external-small.png b/docs/assets/css/external-small.png
old mode 100644
new mode 100755
diff --git a/docs/assets/css/logo.png b/docs/assets/css/logo.png
old mode 100644
new mode 100755
diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index f8f7ee7..d745d44 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -25,7 +25,8 @@ html {
 }
 
 body {
-    font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;
+    /*font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;*/
+    font: 13px/1.4 'Helvetica', 'Arial', sans-serif;
     margin: 0;
     padding: 0;
 }
diff --git a/docs/assets/favicon.png b/docs/assets/favicon.png
old mode 100644
new mode 100755
diff --git a/docs/assets/img/spinner.gif b/docs/assets/img/spinner.gif
old mode 100644
new mode 100755
diff --git a/docs/assets/index.html b/docs/assets/index.html
old mode 100644
new mode 100755
diff --git a/docs/assets/js/api-filter.js b/docs/assets/js/api-filter.js
old mode 100644
new mode 100755
diff --git a/docs/assets/js/api-list.js b/docs/assets/js/api-list.js
old mode 100644
new mode 100755
diff --git a/docs/assets/js/api-search.js b/docs/assets/js/api-search.js
old mode 100644
new mode 100755
diff --git a/docs/assets/js/apidocs.js b/docs/assets/js/apidocs.js
old mode 100644
new mode 100755
diff --git a/docs/assets/js/yui-prettify.js b/docs/assets/js/yui-prettify.js
old mode 100644
new mode 100755
diff --git a/docs/assets/vendor/prettify/CHANGES.html b/docs/assets/vendor/prettify/CHANGES.html
old mode 100644
new mode 100755
diff --git a/docs/assets/vendor/prettify/COPYING b/docs/assets/vendor/prettify/COPYING
old mode 100644
new mode 100755
diff --git a/docs/assets/vendor/prettify/README.html b/docs/assets/vendor/prettify/README.html
old mode 100644
new mode 100755
diff --git a/docs/assets/vendor/prettify/prettify-min.css b/docs/assets/vendor/prettify/prettify-min.css
old mode 100644
new mode 100755
diff --git a/docs/assets/vendor/prettify/prettify-min.js b/docs/assets/vendor/prettify/prettify-min.js
old mode 100644
new mode 100755
diff --git a/docs/classes/AbstractFilter.html b/docs/classes/AbstractFilter.html
new file mode 100644
index 0000000..c7005ef
--- /dev/null
+++ b/docs/classes/AbstractFilter.html
@@ -0,0 +1,483 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>AbstractFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>AbstractFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_AbstractFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:6</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This is the base class for  creating a pixi.js filter. Currently only webGL supports filters.
+If you want to make a custom filter this should be your base class.</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_AbstractFilter" class="method item">
+    <h3 class="name"><code>AbstractFilter</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>fragmentSrc</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>unifroms</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_AbstractFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:6</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">fragmentSrc</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">unifroms</code>
+                        <span class="type">Object</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 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">
+                        
+                            <li class="index-item property private">
+                                <a href="#property_passes">passes</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_uniforms">uniforms</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_passes" class="property item private">
+    <h3 class="name"><code>passes</code></h3>
+    <span class="type">Array an array of filter objects</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_AbstractFilter.js.html#l16"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:16</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>An array of passes - some filters contain a few steps this array simply stores the steps in a liniear fashion.
+For example the blur filter has two passes blurX and blurY.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_uniforms" class="property item private">
+    <h3 class="name"><code>uniforms</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_AbstractFilter.js.html#l29"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:29</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/AssetLoader.html b/docs/classes/AssetLoader.html
index 71c3f58..49df281 100644
--- a/docs/classes/AssetLoader.html
+++ b/docs/classes/AssetLoader.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>AssetLoader - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,16 +169,21 @@
                         <h1>AssetLoader Class</h1>
 <div class="box meta">
     
-
-    
-        <div class="extends">
-            Extends EventTarget
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
         </div>
     
 
     
+
+    
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_loaders_AssetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_loaders_AssetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:5</code></a>
         </div>
     
 
@@ -170,9 +199,12 @@
 
 
 <div class="box intro">
-    <p>A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
-When all items have been loaded this class will dispatch a "onLoaded" event
-As each individual item is loaded this class will dispatch a "onProgress" event</p>
+    <p>A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
+assets have been loaded they are added to the PIXI Texture cache and can be accessed
+easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
+When all items have been loaded this class will dispatch a &quot;onLoaded&quot; event
+As each individual item is loaded this class will dispatch a &quot;onProgress&quot; event</p>
+
 </div>
 
 
@@ -191,6 +223,12 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
                     
                 </li>
             
+                <li class="arg">
+                    
+                        <code>crossorigin</code>
+                    
+                </li>
+            
             </ul><span class="paren">)</span>
         </div>
     
@@ -220,7 +258,7 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_AssetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:5</code></a>
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:5</code></a>
         
         </p>
 
@@ -243,13 +281,33 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
                 <li class="param">
                     
                         <code class="param-name">assetURLs</code>
-                        <span class="type">Array</span>
+                        <span class="type">Array<String></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. Supported bitmap font data formats include "xml" and "fnt".</p>
+                        <p>an array of image/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. Supported bitmap font
+     data formats include &quot;xml&quot; and &quot;fnt&quot;.</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">crossorigin</code>
+                        <span class="type">Boolean</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Whether requests should be treated as crossorigin</p>
+
                     </div>
 
                     
@@ -272,6 +330,8 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
         <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>
         
@@ -286,18 +346,54 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
             <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_load">load</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onAssetLoaded">onAssetLoaded</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
 
             
                 <div class="index-section properties">
                     <h3>Properties</h3>
 
-                    <ul class="index-list properties extends">
+                    <ul class="index-list properties">
                         
                             <li class="index-item property">
                                 <a href="#property_assetURLs">assetURLs</a>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_crossorigin">crossorigin</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_loadersByType">loadersByType</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -310,7 +406,7 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
                 <div class="index-section events">
                     <h3>Events</h3>
 
-                    <ul class="index-list events extends">
+                    <ul class="index-list events">
                         
                             <li class="index-item event">
                                 <a href="#event_onComplete">onComplete</a>
@@ -332,15 +428,22 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
         </div>
 
         
-
-        
-            <div id="properties" class="api-class-tabpanel">
-                <h2 class="off-left">Properties</h2>
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
 
                 
-                    <div id="property_assetURLs" class="property item">
-    <h3 class="name"><code>assetURLs</code></h3>
-    <span class="type">Array</span>
+                    <div id="method_load" class="method item">
+    <h3 class="name"><code>load</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
 
     
 
@@ -361,7 +464,118 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_AssetLoader.js.html#l18"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:18</code></a>
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l74"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:74</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Starts loading the assets sequentially</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onAssetLoaded" class="method item private">
+    <h3 class="name"><code>onAssetLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l104"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:104</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoked after each file is loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</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<String></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l25"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:25</code></a>
         
         </p>
 
@@ -372,6 +586,97 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
 
     <div class="description">
         <p>The array of asset URLs that are going to be loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_crossorigin" class="property item">
+    <h3 class="name"><code>crossorigin</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l33"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:33</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Whether the requests should be treated as cross origin</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_loadersByType" class="property item">
+    <h3 class="name"><code>loadersByType</code></h3>
+    <span class="type">Object</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l41"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:41</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Maps file extension to loader types</p>
+
     </div>
 
     
@@ -415,7 +720,7 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_AssetLoader.js.html#l46"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:46</code></a>
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l66"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:66</code></a>
         
         </p>
 
@@ -426,6 +731,7 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
 
     <div class="description">
         <p>Fired when all the assets have loaded</p>
+
     </div>
 
     
@@ -458,7 +764,7 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_AssetLoader.js.html#l41"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:41</code></a>
+        <a href="../files/src_pixi_loaders_AssetLoader.js.html#l61"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:61</code></a>
         
         </p>
 
@@ -469,6 +775,7 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
 
     <div class="description">
         <p>Fired when an item has loaded</p>
+
     </div>
 
     
@@ -489,13 +796,13 @@ As each individual item is loaded this class will dispatch a "onProgress" event<
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/BaseTexture.html b/docs/classes/BaseTexture.html
index ccc16b4..928fb1b 100644
--- a/docs/classes/BaseTexture.html
+++ b/docs/classes/BaseTexture.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>BaseTexture - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,16 +169,21 @@
                         <h1>BaseTexture Class</h1>
 <div class="box meta">
     
-
-    
-        <div class="extends">
-            Extends EventTarget
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
         </div>
     
 
     
+
+    
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_textures_BaseTexture.js.html#l9"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:9</code></a>
+            Defined in: <a href="../files/src_pixi_textures_BaseTexture.js.html#l9"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:9</code></a>
         </div>
     
 
@@ -171,6 +200,7 @@
 
 <div class="box intro">
     <p>A texture stores the information that represents an image. All textures have a base texture</p>
+
 </div>
 
 
@@ -218,7 +248,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_BaseTexture.js.html#l9"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:9</code></a>
+        <a href="../files/src_pixi_textures_BaseTexture.js.html#l9"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:9</code></a>
         
         </p>
 
@@ -248,6 +278,7 @@
 
                     <div class="param-description">
                         <p>the source object (image or canvas)</p>
+
                     </div>
 
                     
@@ -287,7 +318,14 @@
                 <div class="index-section methods">
                     <h3>Methods</h3>
 
-                    <ul class="index-list methods extends">
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_destroy">destroy</a>
+
+                                
+                                
+                            </li>
                         
                             <li class="index-item method">
                                 <a href="#method_fromImage">fromImage</a>
@@ -306,7 +344,14 @@
                 <div class="index-section properties">
                     <h3>Properties</h3>
 
-                    <ul class="index-list properties extends">
+                    <ul class="index-list properties">
+                        
+                            <li class="index-item property">
+                                <a href="#property_hasLoaded">hasLoaded</a>
+
+                                
+                                
+                            </li>
                         
                             <li class="index-item property">
                                 <a href="#property_height">height</a>
@@ -343,6 +388,61 @@
                 <h2 class="off-left">Methods</h2>
 
                 
+                    <div id="method_destroy" class="method item">
+    <h3 class="name"><code>destroy</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_BaseTexture.js.html#l99"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:99</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Destroys this base texture</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="method_fromImage" class="method item">
     <h3 class="name"><code>fromImage</code></h3>
 
@@ -391,7 +491,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_BaseTexture.js.html#l101"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:101</code></a>
+        <a href="../files/src_pixi_textures_BaseTexture.js.html#l114"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:114</code></a>
         
         </p>
 
@@ -403,7 +503,8 @@
 
     <div class="description">
         <p>Helper function that returns a base texture based on an image url
- If the image is not in the base texture cache it will be  created and loaded</p>
+If the image is not in the base texture cache it will be  created and loaded</p>
+
     </div>
 
     
@@ -422,6 +523,7 @@
 
                     <div class="param-description">
                         <p>The image url of the texture</p>
+
                     </div>
 
                     
@@ -438,7 +540,8 @@
             <div class="returns-description">
                 
                     
-                    BaseTexture
+                    <p>BaseTexture</p>
+
                 
             </div>
         </div>
@@ -456,6 +559,51 @@
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property_hasLoaded" class="property item">
+    <h3 class="name"><code>hasLoaded</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_BaseTexture.js.html#l39"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:39</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Describes if the base texture has loaded or not</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_height" class="property item">
     <h3 class="name"><code>height</code></h3>
     <span class="type">Number</span>
@@ -479,7 +627,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_BaseTexture.js.html#l33"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:33</code></a>
+        <a href="../files/src_pixi_textures_BaseTexture.js.html#l30"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:30</code></a>
         
         </p>
 
@@ -489,7 +637,8 @@
     </div>
 
     <div class="description">
-        <p>[read only] The height of the base texture set when the image has loaded</p>
+        <p>[read-only] The height of the base texture set when the image has loaded</p>
+
     </div>
 
     
@@ -523,7 +672,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_BaseTexture.js.html#l40"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:40</code></a>
+        <a href="../files/src_pixi_textures_BaseTexture.js.html#l48"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:48</code></a>
         
         </p>
 
@@ -534,6 +683,7 @@
 
     <div class="description">
         <p>The source that is loaded to create the texture</p>
+
     </div>
 
     
@@ -567,7 +717,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_BaseTexture.js.html#l27"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:27</code></a>
+        <a href="../files/src_pixi_textures_BaseTexture.js.html#l21"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:21</code></a>
         
         </p>
 
@@ -577,7 +727,8 @@
     </div>
 
     <div class="description">
-        <p>[read only] The width of the base texture set when the image has loaded</p>
+        <p>[read-only] The width of the base texture set when the image has loaded</p>
+
     </div>
 
     
@@ -603,13 +754,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/BitmapFontLoader.html b/docs/classes/BitmapFontLoader.html
index 9c30e17..1043fc4 100644
--- a/docs/classes/BitmapFontLoader.html
+++ b/docs/classes/BitmapFontLoader.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>BitmapFontLoader - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,16 +169,21 @@
                         <h1>BitmapFontLoader Class</h1>
 <div class="box meta">
     
-
-    
-        <div class="extends">
-            Extends EventTarget
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
         </div>
     
 
     
+
+    
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_loaders_BitmapFontLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:5</code></a>
         </div>
     
 
@@ -170,10 +199,11 @@
 
 
 <div class="box intro">
-    <p>The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
-To generate the data you can use http://www.angelcode.com/products/bmfont/
+    <p>The xml loader is used to load in XML bitmap font data (&quot;xml&quot; or &quot;fnt&quot;)
+To generate the data you can use <a href="http://www.angelcode.com/products/bmfont/">http://www.angelcode.com/products/bmfont/</a>
 This loader will also load the image file as the data.
-When loaded this class will dispatch a "loaded" event</p>
+When loaded this class will dispatch a &quot;loaded&quot; event</p>
+
 </div>
 
 
@@ -227,7 +257,7 @@ When loaded this class will dispatch a "loaded" event</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_BitmapFontLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:5</code></a>
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:5</code></a>
         
         </p>
 
@@ -256,7 +286,8 @@ When loaded this class will dispatch a "loaded" event</p>
                     
 
                     <div class="param-description">
-                        <p>the url of the sprite sheet JSON file</p>
+                        <p>The url of the sprite sheet JSON file</p>
+
                     </div>
 
                     
@@ -271,7 +302,8 @@ When loaded this class will dispatch a "loaded" event</p>
                     
 
                     <div class="param-description">
-                         
+                        <p>Whether requests should be treated as crossorigin</p>
+
                     </div>
 
                     
@@ -294,6 +326,10 @@ When loaded this class will dispatch a "loaded" event</p>
         <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>
         
         
         
@@ -304,7 +340,72 @@ When loaded this class will dispatch a "loaded" event</p>
             <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_load">load</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onLoaded">onLoaded</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onXMLLoaded">onXMLLoaded</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_baseUrl">baseUrl</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_baseUrl">baseUrl</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_crossorigin">crossorigin</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_url">url</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
             
 
             
@@ -313,7 +414,368 @@ When loaded this class will dispatch a "loaded" event</p>
         </div>
 
         
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
 
+                
+                    <div id="method_load" class="method item">
+    <h3 class="name"><code>load</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l63"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:63</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Loads the XML font data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onLoaded" class="method item private">
+    <h3 class="name"><code>onLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l153"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:153</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoked when all files are loaded (xml/fnt and texture)</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onXMLLoaded" class="method item private">
+    <h3 class="name"><code>onXMLLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l82"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:82</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoked when XML file is loaded, parses the data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_baseUrl" class="property item">
+    <h3 class="name"><code>baseUrl</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l42"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:42</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The base url of the bitmap font data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_baseUrl" class="property item">
+    <h3 class="name"><code>baseUrl</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l51"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:51</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The texture of the bitmap font</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_crossorigin" class="property item">
+    <h3 class="name"><code>crossorigin</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l34"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:34</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Whether the requests should be treated as cross origin</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_url" class="property item">
+    <h3 class="name"><code>url</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_BitmapFontLoader.js.html#l26"><code>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js:26</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The url of the bitmap font data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
         
 
         
@@ -328,13 +790,13 @@ When loaded this class will dispatch a "loaded" event</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/BitmapText.html b/docs/classes/BitmapText.html
index 0935578..022ac9e 100644
--- a/docs/classes/BitmapText.html
+++ b/docs/classes/BitmapText.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>BitmapText - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_text_BitmapText.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_text_BitmapText.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:5</code></a>
         </div>
     
 
@@ -170,10 +194,11 @@
 
 
 <div class="box intro">
-    <p>A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
-You can generate the fnt files using 
-http://www.angelcode.com/products/bmfont/ for windows or
-http://www.bmglyph.com/ for mac.</p>
+    <p>A Text Object will create a line(s) of text using bitmap font. To split a line you can use &quot;\n&quot;, &quot;\r&quot; or &quot;\r\n&quot;
+You can generate the fnt files using
+<a href="http://www.angelcode.com/products/bmfont/">http://www.angelcode.com/products/bmfont/</a> for windows or
+<a href="http://www.bmglyph.com/">http://www.bmglyph.com/</a> for mac.</p>
+
 </div>
 
 
@@ -227,7 +252,7 @@ http://www.bmglyph.com/ for mac.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_text_BitmapText.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:5</code></a>
+        <a href="../files/src_pixi_text_BitmapText.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:5</code></a>
         
         </p>
 
@@ -257,6 +282,7 @@ http://www.bmglyph.com/ for mac.</p>
 
                     <div class="param-description">
                         <p>The copy that you would like the text to display</p>
+
                     </div>
 
                     
@@ -272,6 +298,7 @@ http://www.bmglyph.com/ for mac.</p>
 
                     <div class="param-description">
                         <p>The style parameters</p>
+
                     </div>
 
                     
@@ -284,7 +311,8 @@ http://www.bmglyph.com/ for mac.</p>
                                 
 
                                 <div class="param-description">
-                                    <p>The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)</p>
+                                    <p>The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)</p>
+
                                 </div>
 
                                 
@@ -298,7 +326,8 @@ http://www.bmglyph.com/ for mac.</p>
                                 
 
                                 <div class="param-description">
-                                    <p>An alignment of the multiline text ("left", "center" or "right")</p>
+                                    <p>An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)</p>
+
                                 </div>
 
                                 
@@ -414,11 +443,13 @@ http://www.bmglyph.com/ for mac.</p>
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -435,7 +466,7 @@ http://www.bmglyph.com/ for mac.</p>
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -468,6 +499,20 @@ http://www.bmglyph.com/ for mac.</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateText">updateText</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateTransform">updateTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -480,6 +525,13 @@ http://www.bmglyph.com/ for mac.</p>
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -499,6 +551,27 @@ http://www.bmglyph.com/ for mac.</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -513,6 +586,13 @@ http://www.bmglyph.com/ for mac.</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -541,6 +621,13 @@ http://www.bmglyph.com/ for mac.</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -569,6 +656,20 @@ http://www.bmglyph.com/ for mac.</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -594,7 +695,7 @@ http://www.bmglyph.com/ for mac.</p>
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -620,11 +721,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -636,6 +737,7 @@ http://www.bmglyph.com/ for mac.</p>
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -646,14 +748,15 @@ http://www.bmglyph.com/ for mac.</p>
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -678,7 +781,7 @@ http://www.bmglyph.com/ for mac.</p>
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -710,11 +813,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -726,6 +829,7 @@ http://www.bmglyph.com/ for mac.</p>
 
     <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>
 
     
@@ -736,14 +840,15 @@ http://www.bmglyph.com/ for mac.</p>
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -758,7 +863,8 @@ http://www.bmglyph.com/ for mac.</p>
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -809,11 +915,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -825,6 +931,7 @@ http://www.bmglyph.com/ for mac.</p>
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -836,7 +943,7 @@ http://www.bmglyph.com/ for mac.</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -893,11 +1000,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -909,6 +1016,7 @@ http://www.bmglyph.com/ for mac.</p>
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -926,7 +1034,8 @@ http://www.bmglyph.com/ for mac.</p>
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -977,11 +1086,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -993,6 +1102,7 @@ http://www.bmglyph.com/ for mac.</p>
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -1004,7 +1114,7 @@ http://www.bmglyph.com/ for mac.</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1061,11 +1171,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1077,6 +1187,7 @@ http://www.bmglyph.com/ for mac.</p>
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1088,7 +1199,7 @@ http://www.bmglyph.com/ for mac.</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1145,11 +1256,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1161,6 +1272,7 @@ http://www.bmglyph.com/ for mac.</p>
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1172,7 +1284,7 @@ http://www.bmglyph.com/ for mac.</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1229,11 +1341,11 @@ http://www.bmglyph.com/ for mac.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1246,6 +1358,7 @@ http://www.bmglyph.com/ for mac.</p>
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1257,7 +1370,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1314,11 +1427,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1331,6 +1444,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1342,7 +1456,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1373,7 +1487,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1399,11 +1513,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1415,6 +1529,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1425,14 +1540,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1448,7 +1564,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -1468,6 +1584,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1483,16 +1601,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1500,6 +1620,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1575,7 +1696,7 @@ Instead of using this function you can now simply set the interactive property t
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_text_BitmapText.js.html#l44"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:44</code></a>
+        <a href="../files/src_pixi_text_BitmapText.js.html#l46"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:46</code></a>
         
         </p>
 
@@ -1587,6 +1708,7 @@ Instead of using this function you can now simply set the interactive property t
 
     <div class="description">
         <p>Set the style of the text</p>
+
     </div>
 
     
@@ -1605,6 +1727,7 @@ Instead of using this function you can now simply set the interactive property t
 
                     <div class="param-description">
                         <p>The style parameters</p>
+
                     </div>
 
                     
@@ -1617,7 +1740,8 @@ Instead of using this function you can now simply set the interactive property t
                                 
 
                                 <div class="param-description">
-                                    <p>The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)</p>
+                                    <p>The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)</p>
+
                                 </div>
 
                                 
@@ -1631,7 +1755,8 @@ Instead of using this function you can now simply set the interactive property t
                                 
 
                                 <div class="param-description">
-                                    <p>An alignment of the multiline text ("left", "center" or "right")</p>
+                                    <p>An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)</p>
+
                                 </div>
 
                                 
@@ -1693,7 +1818,7 @@ Instead of using this function you can now simply set the interactive property t
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_text_BitmapText.js.html#l33"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:33</code></a>
+        <a href="../files/src_pixi_text_BitmapText.js.html#l34"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:34</code></a>
         
         </p>
 
@@ -1705,6 +1830,7 @@ Instead of using this function you can now simply set the interactive property t
 
     <div class="description">
         <p>Set the copy for the text object</p>
+
     </div>
 
     
@@ -1723,6 +1849,7 @@ Instead of using this function you can now simply set the interactive property t
 
                     <div class="param-description">
                         <p>The copy that you would like the text to display</p>
+
                     </div>
 
                     
@@ -1738,7 +1865,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
+                    <div id="method_swapChildren" class="method item private inherited">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -1747,13 +1874,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -1766,6 +1893,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -1779,11 +1908,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -1794,7 +1923,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -1805,7 +1935,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1820,7 +1950,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1878,11 +2008,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1895,6 +2025,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1906,7 +2037,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1963,11 +2094,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -1979,6 +2110,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -1990,7 +2122,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2047,11 +2179,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -2064,6 +2196,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -2075,7 +2208,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2132,11 +2265,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -2147,7 +2280,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -2159,7 +2293,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2178,6 +2312,120 @@ for this callback to be fired, The touch must have started over the sprite</p>
     
 
     
+</div>
+
+                
+                    <div id="method_updateText" class="method item private">
+    <h3 class="name"><code>updateText</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_text_BitmapText.js.html#l67"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:67</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders text</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateTransform" class="method item private">
+    <h3 class="name"><code>updateTransform</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_text_BitmapText.js.html#l142"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:142</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates the transfor of this object</p>
+
+    </div>
+
+    
+
+    
+
+    
 </div>
 
                 
@@ -2189,6 +2437,50 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -2205,11 +2497,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -2220,6 +2512,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -2246,11 +2539,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -2261,6 +2554,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -2273,7 +2567,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2287,11 +2581,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2302,6 +2596,139 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
     </div>
 
     
@@ -2314,7 +2741,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -2328,11 +2755,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2344,6 +2771,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2370,11 +2798,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -2385,6 +2813,53 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2397,7 +2872,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2411,11 +2886,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2428,6 +2903,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2454,11 +2930,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2469,6 +2945,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -2495,11 +2972,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -2510,6 +2987,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -2536,11 +3014,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -2551,6 +3029,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -2577,11 +3098,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -2592,6 +3113,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -2618,11 +3140,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -2633,6 +3155,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -2659,11 +3182,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -2674,6 +3197,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -2700,11 +3224,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -2715,6 +3239,93 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -2740,13 +3351,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/BlurFilter.html b/docs/classes/BlurFilter.html
new file mode 100644
index 0000000..d168b03
--- /dev/null
+++ b/docs/classes/BlurFilter.html
@@ -0,0 +1,426 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>BlurFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>BlurFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_BlurFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:6</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>The BlurFilter applies a Gaussian blur to an object. 
+ The strength of the blur can be set for x- and y-axis separately (always relative to the stage).</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 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">
+                        
+                            <li class="index-item property">
+                                <a href="#property_blur">blur</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_blurX">blurX</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_blurY">blurY</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_blur" class="property item">
+    <h3 class="name"><code>blur</code></h3>
+    <span class="type">Number the strength of the blur</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_BlurFilter.js.html#l24"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:24</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the strength of both the blurX and blurY properties simultaneously</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> 2</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_blurX" class="property item">
+    <h3 class="name"><code>blurX</code></h3>
+    <span class="type">Number the strength of the blurX</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_BlurFilter.js.html#l40"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:40</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the strength of the blurX property simultaneously</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> 2</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_blurY" class="property item">
+    <h3 class="name"><code>blurY</code></h3>
+    <span class="type">Number the strength of the blurY</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_BlurFilter.js.html#l56"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:56</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the strength of the blurX property simultaneously</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> 2</p>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/CanvasGraphics.html b/docs/classes/CanvasGraphics.html
index 0e44412..252ac5e 100644
--- a/docs/classes/CanvasGraphics.html
+++ b/docs/classes/CanvasGraphics.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>CanvasGraphics - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLGraphics.js.html#l7"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:7</code></a>
+            Defined in: <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l5"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:5</code></a>
         </div>
     
 
@@ -167,6 +191,7 @@
 
 <div class="box intro">
     <p>A set of functions used by the webGL renderer to draw the primitive graphics data</p>
+
 </div>
 
 
@@ -176,6 +201,8 @@
         <li class="api-class-tab index"><a href="#index">Index</a></li>
 
         
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
         
         
         
@@ -186,6 +213,68 @@
             <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 private">
+                                <a href="#method_buildCircle">buildCircle</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_buildLine">buildLine</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_buildPoly">buildPoly</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_buildRectangle">buildRectangle</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderGraphics">renderGraphics</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateGraphics">updateGraphics</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
 
             
 
@@ -195,6 +284,669 @@
         </div>
 
         
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_buildCircle" class="method item private">
+    <h3 class="name"><code>buildCircle</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>graphics</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>webGLData</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l204"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:204</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Builds a circle to draw</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">graphics</code>
+                        <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">webGLData</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_buildLine" class="method item private">
+    <h3 class="name"><code>buildLine</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>graphics</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>webGLData</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l272"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:272</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Builds a line to draw</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">graphics</code>
+                        <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">webGLData</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_buildPoly" class="method item private">
+    <h3 class="name"><code>buildPoly</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>graphics</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>webGLData</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l463"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:463</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Builds a polygon to draw</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">graphics</code>
+                        <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">webGLData</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_buildRectangle" class="method item private">
+    <h3 class="name"><code>buildRectangle</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>graphics</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>webGLData</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l139"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:139</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Builds a rectangle to draw</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">graphics</code>
+                        <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">webGLData</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderGraphics" class="method item private">
+    <h3 class="name"><code>renderGraphics</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>graphics</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>projection</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l15"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:15</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders the graphics object</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">graphics</code>
+                        <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">projection</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateGraphics" class="method item private">
+    <h3 class="name"><code>updateGraphics</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>graphics</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l87"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:87</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates the graphics object</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">graphics</code>
+                        <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
 
         
 
@@ -210,13 +962,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/CanvasRenderer.html b/docs/classes/CanvasRenderer.html
index bcc7dba..4baa9ad 100644
--- a/docs/classes/CanvasRenderer.html
+++ b/docs/classes/CanvasRenderer.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>CanvasRenderer - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_renderers_canvas_CanvasRenderer.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:6</code></a>
+            Defined in: <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:6</code></a>
         </div>
     
 
@@ -168,6 +192,7 @@
 <div class="box intro">
     <p>the CanvasRenderer 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>
 
 
@@ -182,13 +207,13 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="arg">
                     
-                        <code>width</code>
+                        <code>width=0</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>height</code>
+                        <code>height=0</code>
                     
                 </li>
             
@@ -200,7 +225,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="arg">
                     
-                        <code>transparent</code>
+                        <code>transparent=false</code>
                     
                 </li>
             
@@ -233,7 +258,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_canvas_CanvasRenderer.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:6</code></a>
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:6</code></a>
         
         </p>
 
@@ -255,7 +280,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="param">
                     
-                        <code class="param-name">width</code>
+                        <code class="param-name">width=0</code>
                         <span class="type">Number</span>
                     
 
@@ -263,6 +288,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the width of the canvas view</p>
+
                     </div>
 
                     
@@ -270,7 +296,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="param">
                     
-                        <code class="param-name">height</code>
+                        <code class="param-name">height=0</code>
                         <span class="type">Number</span>
                     
 
@@ -278,6 +304,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the height of the canvas view</p>
+
                     </div>
 
                     
@@ -293,6 +320,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the canvas to use as a view, optional</p>
+
                     </div>
 
                     
@@ -300,7 +328,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="param">
                     
-                        <code class="param-name">transparent</code>
+                        <code class="param-name">transparent=false</code>
                         <span class="type">Boolean</span>
                     
 
@@ -308,6 +336,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the transparency of the render view, default false</p>
+
                     </div>
 
                     
@@ -354,6 +383,41 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderDisplayObject">renderDisplayObject</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderStrip">renderStrip</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderStripFlat">renderStripFlat</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderTilingSprite">renderTilingSprite</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_resize">resize</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -450,7 +514,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_canvas_CanvasRenderer.js.html#l66"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:66</code></a>
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l66"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:66</code></a>
         
         </p>
 
@@ -462,6 +526,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
     <div class="description">
         <p>Renders the stage to its canvas view</p>
+
     </div>
 
     
@@ -480,6 +545,482 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the Stage element to be rendered</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderDisplayObject" class="method item private">
+    <h3 class="name"><code>renderDisplayObject</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l129"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:129</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a display object</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">
+                        <p>The displayObject to render</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderStrip" class="method item private">
+    <h3 class="name"><code>renderStrip</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>strip</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l320"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:320</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a strip</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">strip</code>
+                        <span class="type">Strip</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The Strip to render</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderStripFlat" class="method item private">
+    <h3 class="name"><code>renderStripFlat</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>strip</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l250"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:250</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a flat strip</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">strip</code>
+                        <span class="type">Strip</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The Strip to render</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderTilingSprite" class="method item private">
+    <h3 class="name"><code>renderTilingSprite</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="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l287"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:287</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a tiling 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/TilingSprite.html" class="crosslink">TilingSprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The tilingsprite to render</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="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l113"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:113</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>resizes the canvas 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 canvas 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 canvas view</p>
+
                     </div>
 
                     
@@ -526,7 +1067,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_canvas_CanvasRenderer.js.html#l55"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:55</code></a>
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l47"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:47</code></a>
         
         </p>
 
@@ -537,6 +1078,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
     <div class="description">
         <p>The canvas context that the everything is drawn to</p>
+
     </div>
 
     
@@ -570,7 +1112,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_canvas_CanvasRenderer.js.html#l31"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:31</code></a>
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l30"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:30</code></a>
         
         </p>
 
@@ -581,6 +1123,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
     <div class="description">
         <p>The height of the canvas view</p>
+
     </div>
 
     
@@ -616,7 +1159,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_canvas_CanvasRenderer.js.html#l41"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:41</code></a>
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l39"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:39</code></a>
         
         </p>
 
@@ -627,6 +1170,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
     <div class="description">
         <p>The canvas element that the everything is drawn to</p>
+
     </div>
 
     
@@ -660,7 +1204,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_canvas_CanvasRenderer.js.html#l24"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:24</code></a>
+        <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l21"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:21</code></a>
         
         </p>
 
@@ -671,6 +1215,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
     <div class="description">
         <p>The width of the canvas view</p>
+
     </div>
 
     
@@ -698,13 +1243,13 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/Circle.html b/docs/classes/Circle.html
index e67296d..5558388 100644
--- a/docs/classes/Circle.html
+++ b/docs/classes/Circle.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Circle - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_core_Circle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_core_Circle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:5</code></a>
         </div>
     
 
@@ -166,7 +190,8 @@
 
 
 <div class="box intro">
-    
+    <p>The Circle object can be used to specify a hit area for displayobjects</p>
+
 </div>
 
 
@@ -226,7 +251,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Circle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:5</code></a>
+        <a href="../files/src_pixi_core_Circle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:5</code></a>
         
         </p>
 
@@ -256,6 +281,7 @@
 
                     <div class="param-description">
                         <p>The X coord of the upper-left corner of the framing rectangle of this circle</p>
+
                     </div>
 
                     
@@ -271,6 +297,7 @@
 
                     <div class="param-description">
                         <p>The Y coord of the upper-left corner of the framing rectangle of this circle</p>
+
                     </div>
 
                     
@@ -286,6 +313,7 @@
 
                     <div class="param-description">
                         <p>The radius of the circle</p>
+
                     </div>
 
                     
@@ -395,7 +423,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="../classes/Circle.html" class="crosslink">Circle</a></span>
         </span>
     
 
@@ -422,7 +450,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Circle.js.html#l36"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:36</code></a>
+        <a href="../files/src_pixi_core_Circle.js.html#l38"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:38</code></a>
         
         </p>
 
@@ -433,7 +461,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Creates a clone of this Circle instance</p>
+
     </div>
 
     
@@ -445,7 +474,10 @@
             <div class="returns-description">
                 
                     
-                    a copy of the polygon
+                        <span class="type"><a href="../classes/Circle.html" class="crosslink">Circle</a></span>:
+                    
+                    <p>a copy of the polygon</p>
+
                 
             </div>
         </div>
@@ -480,7 +512,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type">Boolean</span>
         </span>
     
 
@@ -507,7 +539,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Circle.js.html#l45"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:45</code></a>
+        <a href="../files/src_pixi_core_Circle.js.html#l49"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:49</code></a>
         
         </p>
 
@@ -518,7 +550,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Checks if the x, and y coords passed to this function are contained within this circle</p>
+
     </div>
 
     
@@ -537,6 +570,7 @@
 
                     <div class="param-description">
                         <p>The X coord of the point to test</p>
+
                     </div>
 
                     
@@ -552,6 +586,7 @@
 
                     <div class="param-description">
                         <p>The Y coord of the point to test</p>
+
                     </div>
 
                     
@@ -568,7 +603,10 @@
             <div class="returns-description">
                 
                     
-                    if the x/y coords are within this polygon
+                        <span class="type">Boolean</span>:
+                    
+                    <p>if the x/y coords are within this polygon</p>
+
                 
             </div>
         </div>
@@ -609,7 +647,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Circle.js.html#l28"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:28</code></a>
+        <a href="../files/src_pixi_core_Circle.js.html#l30"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:30</code></a>
         
         </p>
 
@@ -655,7 +693,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Circle.js.html#l14"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:14</code></a>
+        <a href="../files/src_pixi_core_Circle.js.html#l16"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:16</code></a>
         
         </p>
 
@@ -701,7 +739,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Circle.js.html#l21"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:21</code></a>
+        <a href="../files/src_pixi_core_Circle.js.html#l23"><code>src&#x2F;pixi&#x2F;core&#x2F;Circle.js:23</code></a>
         
         </p>
 
@@ -739,13 +777,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/ColorMatrixFilter.html b/docs/classes/ColorMatrixFilter.html
new file mode 100644
index 0000000..babe305
--- /dev/null
+++ b/docs/classes/ColorMatrixFilter.html
@@ -0,0 +1,319 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>ColorMatrixFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>ColorMatrixFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_ColorMatrixFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;ColorMatrixFilter.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>The ColorMatrixFilter class lets you apply a 4x4 matrix transformation on the RGBA 
+ color and alpha values of every pixel on your displayObject to produce a result 
+ with a new set of RGBA color and alpha values. Its pretty powerful!</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 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">
+                        
+                            <li class="index-item property">
+                                <a href="#property_matrix">matrix</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_matrix" class="property item">
+    <h3 class="name"><code>matrix</code></h3>
+    <span class="type">Array and array of 26 numbers</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_ColorMatrixFilter.js.html#l45"><code>src&#x2F;pixi&#x2F;filters&#x2F;ColorMatrixFilter.js:45</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the matrix of the color matrix filter</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]</p>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/CustomRenderable.html b/docs/classes/CustomRenderable.html
index 4866fb0..5b50c47 100644
--- a/docs/classes/CustomRenderable.html
+++ b/docs/classes/CustomRenderable.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>CustomRenderable - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_extras_CustomRenderable.js.html#l6"><code>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js:6</code></a>
+            Defined in: <a href="../files/src_pixi_extras_CustomRenderable.js.html#l6"><code>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js:6</code></a>
         </div>
     
 
@@ -170,7 +194,8 @@
 
 
 <div class="box intro">
-    <p>Need to finalize this a bit more but works! Its in but will be working on this feature properly next..:)</p>
+    <p>This object is one that will allow you to specify custom rendering functions based on render type</p>
+
 </div>
 
 
@@ -208,7 +233,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_extras_CustomRenderable.js.html#l6"><code>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js:6</code></a>
+        <a href="../files/src_pixi_extras_CustomRenderable.js.html#l6"><code>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js:6</code></a>
         
         </p>
 
@@ -261,6 +286,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_initWebGL">initWebGL</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -298,11 +330,27 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method">
+                                <a href="#method_renderCanvas">renderCanvas</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_renderWebGL">renderWebGL</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -343,6 +391,13 @@
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -355,6 +410,27 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -369,6 +445,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -397,6 +480,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -425,6 +515,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -476,11 +580,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -492,6 +596,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -503,7 +608,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -522,6 +627,95 @@
     
 
     
+</div>
+
+                
+                    <div id="method_initWebGL" class="method item">
+    <h3 class="name"><code>initWebGL</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>renderer</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_extras_CustomRenderable.js.html#l35"><code>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js:35</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>If this object is being rendered by a WebGLRenderer it will call this callback to initialize</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">renderer</code>
+                        <span class="type"><a href="../classes/WebGLRenderer.html" class="crosslink">WebGLRenderer</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The renderer instance</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
 </div>
 
                 
@@ -560,11 +754,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -576,6 +770,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -587,7 +782,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -644,11 +839,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -660,6 +855,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -671,7 +867,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -728,11 +924,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -744,6 +940,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -755,7 +952,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -812,11 +1009,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -829,6 +1026,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -840,7 +1038,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -897,11 +1095,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -914,6 +1112,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -925,7 +1124,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -947,8 +1146,8 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
-    <h3 class="name"><code>setInteractive</code></h3>
+                    <div id="method_renderCanvas" class="method item">
+    <h3 class="name"><code>renderCanvas</code></h3>
 
     
         <div class="args">
@@ -956,7 +1155,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>interactive</code>
+                        <code>renderer</code>
                     
                 </li>
             
@@ -981,12 +1180,15 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="meta">
         
             
-                <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                
+                <p>
+                
+                Defined in
+                
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_extras_CustomRenderable.js.html#l24"><code>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js:24</code></a>
         
         </p>
 
@@ -994,11 +1196,191 @@ for this callback to be fired, The touch must have started over the displayObjec
         
 
         
+    </div>
+
+    <div class="description">
+        <p>If this object is being rendered by a CanvasRenderer it will call this callback</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">renderer</code>
+                        <span class="type"><a href="../classes/CanvasRenderer.html" class="crosslink">CanvasRenderer</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The renderer instance</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderWebGL" class="method item">
+    <h3 class="name"><code>renderWebGL</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>renderer</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_extras_CustomRenderable.js.html#l46"><code>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js:46</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>If this object is being rendered by a WebGLRenderer it will call this callback</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">renderer</code>
+                        <span class="type"><a href="../classes/WebGLRenderer.html" class="crosslink">WebGLRenderer</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The renderer instance</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_setInteractive" class="method item deprecated inherited">
+    <h3 class="name"><code>setInteractive</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>interactive</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
+        
+        </p>
+
+
+        
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
+
+        
     </div>
 
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1067,11 +1449,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1084,6 +1466,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1095,7 +1478,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1152,11 +1535,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -1168,6 +1551,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -1179,7 +1563,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1236,11 +1620,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -1253,6 +1637,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -1264,7 +1649,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1321,11 +1706,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -1336,7 +1721,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -1348,7 +1734,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1378,6 +1764,50 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -1394,11 +1824,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -1409,6 +1839,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -1435,11 +1866,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -1450,6 +1881,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -1460,9 +1892,97 @@ for this callback to be fired, The touch must have started over the sprite</p>
 </div>
 
                 
-                    <div id="property_hitArea" class="property item inherited">
-    <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
 
     
 
@@ -1476,11 +1996,55 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_hitArea" class="property item inherited">
+    <h3 class="name"><code>hitArea</code></h3>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -1492,6 +2056,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -1518,11 +2083,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -1533,6 +2098,53 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -1545,7 +2157,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -1559,11 +2171,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -1576,6 +2188,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -1602,11 +2215,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -1617,6 +2230,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -1643,11 +2257,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -1658,6 +2272,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -1684,11 +2299,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -1699,6 +2314,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -1725,11 +2383,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -1740,6 +2398,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -1766,11 +2425,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -1781,6 +2440,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -1807,11 +2467,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -1822,6 +2482,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -1848,11 +2509,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -1863,6 +2524,93 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -1888,13 +2636,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/DisplacementFilter.html b/docs/classes/DisplacementFilter.html
new file mode 100644
index 0000000..753b93b
--- /dev/null
+++ b/docs/classes/DisplacementFilter.html
@@ -0,0 +1,421 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>DisplacementFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>DisplacementFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_DisplacementFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:6</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>The DisplacementFilter class uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object. 
+ You can use this filter to apply all manor of crazy warping effects
+ Currently the r property of the texture is used offset the x and the g propery of the texture is used to offset the y.</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 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">
+                        
+                            <li class="index-item property">
+                                <a href="#property_map">map</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_offset">offset</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_scale">scale</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_map" class="property item">
+    <h3 class="name"><code>map</code></h3>
+    <span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_DisplacementFilter.js.html#l92"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:92</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The texture used for the displacemtent map * must be power of 2 texture at the moment</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_offset" class="property item">
+    <h3 class="name"><code>offset</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_DisplacementFilter.js.html#l122"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:122</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The offset used to move the displacement map.</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="../files/src_pixi_filters_DisplacementFilter.js.html#l107"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:107</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The multiplier used to scale the displacement result from the map calculation.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/DisplayObject.html b/docs/classes/DisplayObject.html
index 12cec79..adecad4 100644
--- a/docs/classes/DisplayObject.html
+++ b/docs/classes/DisplayObject.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>DisplayObject - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_display_DisplayObject.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:5</code></a>
         </div>
     
 
@@ -166,7 +190,8 @@
 
 
 <div class="box intro">
-    <p>this is the base class for all objects that are rendered on the screen.</p>
+    <p>The base class for all objects that are rendered on the screen.</p>
+
 </div>
 
 
@@ -204,7 +229,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:5</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:5</code></a>
         
         </p>
 
@@ -294,11 +319,13 @@
                                 
                             </li>
                         
-                            <li class="index-item method">
+                            <li class="index-item method deprecated">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -339,6 +366,13 @@
 
                     <ul class="index-list properties">
                         
+                            <li class="index-item property private">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property">
                                 <a href="#property_alpha">alpha</a>
 
@@ -351,6 +385,27 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property">
@@ -365,6 +420,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property">
@@ -393,6 +455,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property">
@@ -421,6 +490,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -479,7 +562,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -491,6 +574,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -502,7 +586,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -566,7 +650,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -578,6 +662,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -589,7 +674,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -653,7 +738,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -665,6 +750,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -676,7 +762,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -740,7 +826,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -752,6 +838,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -763,7 +850,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -827,7 +914,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -840,6 +927,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -851,7 +939,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -915,7 +1003,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -928,6 +1016,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -939,7 +1028,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -961,7 +1050,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item">
+                    <div id="method_setInteractive" class="method item deprecated">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -981,6 +1070,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1003,12 +1094,14 @@ for this callback to be fired, The touch must have started over the displayObjec
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1016,6 +1109,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1091,7 +1185,7 @@ Instead of using this function you can now simply set the interactive property t
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1104,6 +1198,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1115,7 +1210,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1179,7 +1274,7 @@ basically a touch version of click</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -1191,6 +1286,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -1202,7 +1298,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1266,7 +1362,7 @@ basically a touch version of click</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -1279,6 +1375,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -1290,7 +1387,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1354,7 +1451,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -1365,7 +1462,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -1377,7 +1475,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1407,6 +1505,53 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__interactive" class="property item private">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -1430,7 +1575,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -1441,6 +1586,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -1474,7 +1620,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -1485,6 +1631,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -1495,9 +1642,103 @@ for this callback to be fired, The touch must have started over the sprite</p>
 </div>
 
                 
-                    <div id="property_hitArea" class="property item">
-    <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+                    <div id="property_color" class="property item private">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
 
     
 
@@ -1518,7 +1759,54 @@ for this callback to be fired, The touch must have started over the sprite</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_hitArea" class="property item">
+    <h3 class="name"><code>hitArea</code></h3>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -1530,6 +1818,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -1563,7 +1852,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -1574,6 +1863,56 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -1586,7 +1925,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -1607,7 +1946,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -1620,6 +1959,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -1653,7 +1993,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -1664,6 +2004,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -1697,7 +2038,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -1708,6 +2049,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -1741,7 +2083,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -1752,6 +2094,52 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -1785,7 +2173,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -1796,6 +2184,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -1829,7 +2218,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -1840,6 +2229,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -1873,7 +2263,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -1884,6 +2274,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -1917,7 +2308,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -1928,6 +2319,99 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -1953,13 +2437,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/DisplayObjectContainer.html b/docs/classes/DisplayObjectContainer.html
index aff6af1..10e4c76 100644
--- a/docs/classes/DisplayObjectContainer.html
+++ b/docs/classes/DisplayObjectContainer.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>DisplayObjectContainer - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l6"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:6</code></a>
+            Defined in: <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l6"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:6</code></a>
         </div>
     
 
@@ -170,7 +194,9 @@
 
 
 <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>
+    <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>
 
 
@@ -208,7 +234,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l6"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:6</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l6"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:6</code></a>
         
         </p>
 
@@ -326,14 +352,16 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
-                            <li class="index-item method">
+                            <li class="index-item method private">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -378,6 +406,13 @@
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -397,6 +432,27 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -411,6 +467,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -439,6 +502,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -467,6 +537,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -492,7 +576,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -525,7 +609,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -537,6 +621,7 @@
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -547,14 +632,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -579,7 +665,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -618,7 +704,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -630,6 +716,7 @@
 
     <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>
 
     
@@ -640,14 +727,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -662,7 +750,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -713,11 +802,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -729,6 +818,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -740,7 +830,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -804,7 +894,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -816,6 +906,7 @@
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -833,7 +924,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -884,11 +976,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -900,6 +992,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -911,7 +1004,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -968,11 +1061,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -984,6 +1077,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -995,7 +1089,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1052,11 +1146,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1068,6 +1162,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1079,7 +1174,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1136,11 +1231,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1153,6 +1248,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1164,7 +1260,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1221,11 +1317,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1238,6 +1334,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1249,7 +1346,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1280,7 +1377,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1313,7 +1410,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1325,6 +1422,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1335,14 +1433,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1358,7 +1457,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -1378,6 +1477,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1393,16 +1494,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1410,6 +1513,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1443,7 +1547,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item">
+                    <div id="method_swapChildren" class="method item private">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -1452,13 +1556,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -1471,6 +1575,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -1491,7 +1597,7 @@ Instead of using this function you can now simply set the interactive property t
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -1502,7 +1608,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -1513,7 +1620,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1528,7 +1635,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1586,11 +1693,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1603,6 +1710,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1614,7 +1722,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1671,11 +1779,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -1687,6 +1795,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -1698,7 +1807,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1755,11 +1864,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -1772,6 +1881,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -1783,7 +1893,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1840,11 +1950,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -1855,7 +1965,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -1867,7 +1978,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1897,6 +2008,50 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -1913,11 +2068,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -1928,6 +2083,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -1954,11 +2110,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -1969,6 +2125,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -1981,7 +2138,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_children" class="property item">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2002,7 +2159,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2013,6 +2170,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
     </div>
 
     
@@ -2023,9 +2181,97 @@ for this callback to be fired, The touch must have started over the sprite</p>
 </div>
 
                 
-                    <div id="property_hitArea" class="property item inherited">
-    <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
 
     
 
@@ -2039,11 +2285,55 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_hitArea" class="property item inherited">
+    <h3 class="name"><code>hitArea</code></h3>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2055,6 +2345,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2081,11 +2372,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -2096,6 +2387,53 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2108,7 +2446,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2122,11 +2460,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2139,6 +2477,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2165,11 +2504,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2180,6 +2519,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -2206,11 +2546,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -2221,6 +2561,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -2247,11 +2588,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -2262,6 +2603,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -2288,11 +2672,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -2303,6 +2687,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -2329,11 +2714,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -2344,6 +2729,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -2370,11 +2756,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -2385,6 +2771,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -2411,11 +2798,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -2426,6 +2813,93 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -2451,13 +2925,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/Ellipse.html b/docs/classes/Ellipse.html
index c5b5e4e..7fbc4b1 100644
--- a/docs/classes/Ellipse.html
+++ b/docs/classes/Ellipse.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Ellipse - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_core_Ellipse.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:5</code></a>
         </div>
     
 
@@ -166,7 +190,8 @@
 
 
 <div class="box intro">
-    
+    <p>The Ellipse object can be used to specify a hit area for displayobjects</p>
+
 </div>
 
 
@@ -232,7 +257,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:5</code></a>
+        <a href="../files/src_pixi_core_Ellipse.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:5</code></a>
         
         </p>
 
@@ -261,7 +286,8 @@
                     
 
                     <div class="param-description">
-                        <p>The X coord of the upper-left corner of the framing rectangle of this circle</p>
+                        <p>The X coord of the upper-left corner of the framing rectangle of this ellipse</p>
+
                     </div>
 
                     
@@ -276,7 +302,8 @@
                     
 
                     <div class="param-description">
-                        <p>The Y coord of the upper-left corner of the framing rectangle of this circle</p>
+                        <p>The Y coord of the upper-left corner of the framing rectangle of this ellipse</p>
+
                     </div>
 
                     
@@ -291,7 +318,8 @@
                     
 
                     <div class="param-description">
-                        <p>The overall height of this ellipse</p>
+                        <p>The overall width of this ellipse</p>
+
                     </div>
 
                     
@@ -306,7 +334,8 @@
                     
 
                     <div class="param-description">
-                        <p>The overall width of this ellipse</p>
+                        <p>The overall height of this ellipse</p>
+
                     </div>
 
                     
@@ -423,7 +452,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="../classes/Ellipse.html" class="crosslink">Ellipse</a></span>
         </span>
     
 
@@ -450,7 +479,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l44"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:44</code></a>
+        <a href="../files/src_pixi_core_Ellipse.js.html#l46"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:46</code></a>
         
         </p>
 
@@ -461,7 +490,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Creates a clone of this Ellipse instance</p>
+
     </div>
 
     
@@ -473,7 +503,10 @@
             <div class="returns-description">
                 
                     
-                    a copy of the polygon
+                        <span class="type"><a href="../classes/Ellipse.html" class="crosslink">Ellipse</a></span>:
+                    
+                    <p>a copy of the ellipse</p>
+
                 
             </div>
         </div>
@@ -508,7 +541,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type">Boolean</span>
         </span>
     
 
@@ -535,7 +568,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l53"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:53</code></a>
+        <a href="../files/src_pixi_core_Ellipse.js.html#l57"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:57</code></a>
         
         </p>
 
@@ -546,7 +579,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Checks if the x, and y coords passed to this function are contained within this ellipse</p>
+
     </div>
 
     
@@ -565,6 +599,7 @@
 
                     <div class="param-description">
                         <p>The X coord of the point to test</p>
+
                     </div>
 
                     
@@ -580,6 +615,7 @@
 
                     <div class="param-description">
                         <p>The Y coord of the point to test</p>
+
                     </div>
 
                     
@@ -596,7 +632,10 @@
             <div class="returns-description">
                 
                     
-                    if the x/y coords are within this polygon
+                        <span class="type">Boolean</span>:
+                    
+                    <p>if the x/y coords are within this ellipse</p>
+
                 
             </div>
         </div>
@@ -637,7 +676,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l36"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:36</code></a>
+        <a href="../files/src_pixi_core_Ellipse.js.html#l38"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:38</code></a>
         
         </p>
 
@@ -683,7 +722,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l29"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:29</code></a>
+        <a href="../files/src_pixi_core_Ellipse.js.html#l31"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:31</code></a>
         
         </p>
 
@@ -729,7 +768,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l15"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:15</code></a>
+        <a href="../files/src_pixi_core_Ellipse.js.html#l17"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:17</code></a>
         
         </p>
 
@@ -775,7 +814,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Ellipse.js.html#l22"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:22</code></a>
+        <a href="../files/src_pixi_core_Ellipse.js.html#l24"><code>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js:24</code></a>
         
         </p>
 
@@ -813,13 +852,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/EventTarget.html b/docs/classes/EventTarget.html
new file mode 100644
index 0000000..a25d62d
--- /dev/null
+++ b/docs/classes/EventTarget.html
@@ -0,0 +1,454 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>EventTarget - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>EventTarget Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_utils_EventTarget.js.html#l6"><code>src&#x2F;pixi&#x2F;utils&#x2F;EventTarget.js:6</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>Adds event emitter functionality to a class</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_autoDetectRenderer">autoDetectRenderer</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </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>
+            
+                <li class="arg">
+                    
+                        <code>view</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>transparent=false</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>antialias=false</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_utils_Detector.js.html#l5"><code>src&#x2F;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>
+            
+                <li class="param">
+                    
+                        <code class="param-name">view</code>
+                        <span class="type">Canvas</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the canvas to use as a view, optional</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">transparent=false</code>
+                        <span class="type">Boolean</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the transparency of the render view, default false</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">antialias=false</code>
+                        <span class="type">Boolean</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>sets antialias (only applicable in webGL chrome at the moment)</p>
+<p>antialias</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Graphics.html b/docs/classes/Graphics.html
index 99e71fc..5fd3d7c 100644
--- a/docs/classes/Graphics.html
+++ b/docs/classes/Graphics.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Graphics - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l6"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:6</code></a>
+            Defined in: <a href="../files/src_pixi_primitives_Graphics.js.html#l6"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:6</code></a>
         </div>
     
 
@@ -170,9 +194,10 @@
 
 
 <div class="box intro">
-    <p>The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
+    <p>The Graphics class contains a set of methods that you can use to create primitive shapes and lines.
 It is important to know that with the webGL renderer only simple polys can be filled at this stage
-Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png</p>
+Complex polys will not be filled. Heres an example of a complex poly: <a href="http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png">http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png</a></p>
+
 </div>
 
 
@@ -210,7 +235,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l6"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:6</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l6"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:6</code></a>
         
         </p>
 
@@ -391,14 +416,16 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -443,6 +470,13 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -462,6 +496,48 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_currentPath">currentPath</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_fillAlpha">fillAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_graphicsData">graphicsData</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -476,6 +552,27 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_lineColor">lineColor</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_lineWidth">lineWidth</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -504,6 +601,13 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -532,6 +636,20 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -557,7 +675,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -583,11 +701,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -599,6 +717,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -609,14 +728,15 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -641,7 +761,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -673,11 +793,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -689,6 +809,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <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>
 
     
@@ -699,14 +820,15 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -721,7 +843,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -785,7 +908,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l85"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:85</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l123"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:123</code></a>
         
         </p>
 
@@ -796,7 +919,9 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
     </div>
 
     <div class="description">
-        <p>Specifies a simple one-color fill that subsequent calls to other Graphics methods (such as lineTo() or drawCircle()) use when drawing.</p>
+        <p>Specifies a simple one-color fill that subsequent calls to other Graphics methods
+(such as lineTo() or drawCircle()) use when drawing.</p>
+
     </div>
 
     
@@ -815,6 +940,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
                     <div class="param-description">
                         <p>the color of the fill</p>
+
                     </div>
 
                     
@@ -830,6 +956,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
                     <div class="param-description">
                         <p>the alpha</p>
+
                     </div>
 
                     
@@ -877,7 +1004,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l167"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:167</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l211"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:211</code></a>
         
         </p>
 
@@ -889,6 +1016,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.</p>
+
     </div>
 
     
@@ -934,11 +1062,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -950,6 +1078,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -961,7 +1090,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1037,7 +1166,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l128"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:128</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l170"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:170</code></a>
         
         </p>
 
@@ -1049,6 +1178,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>Draws a circle.</p>
+
     </div>
 
     
@@ -1066,7 +1196,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The X coord of the center of the circle</p>
+
                     </div>
 
                     
@@ -1081,7 +1212,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The Y coord of the center of the circle</p>
+
                     </div>
 
                     
@@ -1096,7 +1228,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The radius of the circle</p>
+
                     </div>
 
                     
@@ -1172,7 +1305,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l147"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:147</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l190"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:190</code></a>
         
         </p>
 
@@ -1184,6 +1317,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>Draws an elipse.</p>
+
     </div>
 
     
@@ -1322,7 +1456,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l109"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:109</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l150"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:150</code></a>
         
         </p>
 
@@ -1351,7 +1485,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The X coord of the top-left of the rectangle</p>
+
                     </div>
 
                     
@@ -1366,7 +1501,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The Y coord of the top-left of the rectangle</p>
+
                     </div>
 
                     
@@ -1381,7 +1517,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The width of the rectangle</p>
+
                     </div>
 
                     
@@ -1396,7 +1533,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The height of the rectangle</p>
+
                     </div>
 
                     
@@ -1444,7 +1582,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l98"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:98</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l138"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:138</code></a>
         
         </p>
 
@@ -1456,6 +1594,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.</p>
+
     </div>
 
     
@@ -1501,11 +1640,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -1517,6 +1656,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -1534,7 +1674,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -1604,7 +1745,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l34"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:34</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l68"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:68</code></a>
         
         </p>
 
@@ -1616,6 +1757,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.</p>
+
     </div>
 
     
@@ -1633,7 +1775,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>width of the line to draw, will update the object&#39;s stored style</p>
+
                     </div>
 
                     
@@ -1648,7 +1791,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>color of the line to draw, will update the object&#39;s stored style</p>
+
                     </div>
 
                     
@@ -1663,7 +1807,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>alpha of the line to draw, will update the object&#39;s stored style</p>
+
                     </div>
 
                     
@@ -1727,7 +1872,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l73"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:73</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l109"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:109</code></a>
         
         </p>
 
@@ -1738,7 +1883,9 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
     </div>
 
     <div class="description">
-        <p>Draws a line using the current line style from the current drawing position to (x, y); the current drawing position is then set to (x, y).</p>
+        <p>Draws a line using the current line style from the current drawing position to (x, y);
+the current drawing position is then set to (x, y).</p>
+
     </div>
 
     
@@ -1756,7 +1903,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>the X coord to draw to</p>
+
                     </div>
 
                     
@@ -1771,7 +1919,8 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                     
 
                     <div class="param-description">
-                         
+                        <p>the Y coord to draw to</p>
+
                     </div>
 
                     
@@ -1822,11 +1971,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -1838,6 +1987,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -1849,7 +1999,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1906,11 +2056,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1922,6 +2072,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1933,7 +2084,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1990,11 +2141,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -2006,6 +2157,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -2017,7 +2169,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2074,11 +2226,11 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -2091,6 +2243,7 @@ Complex polys will not be filled. Heres an example of a complex poly: http://www
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -2102,7 +2255,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2159,11 +2312,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -2176,6 +2329,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -2187,7 +2341,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2257,7 +2411,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_primitives_Graphics.js.html#l55"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:55</code></a>
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l90"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:90</code></a>
         
         </p>
 
@@ -2269,6 +2423,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Moves the current drawing position to (x, y).</p>
+
     </div>
 
     
@@ -2286,7 +2441,8 @@ for this callback to be fired, The touch must have started over the displayObjec
                     
 
                     <div class="param-description">
-                         
+                        <p>the X coord to move to</p>
+
                     </div>
 
                     
@@ -2301,7 +2457,8 @@ for this callback to be fired, The touch must have started over the displayObjec
                     
 
                     <div class="param-description">
-                         
+                        <p>the Y coord to move to</p>
+
                     </div>
 
                     
@@ -2326,7 +2483,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -2352,11 +2509,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -2368,6 +2525,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -2378,14 +2536,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -2401,7 +2560,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -2421,6 +2580,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -2436,16 +2597,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -2453,6 +2616,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -2486,7 +2650,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
+                    <div id="method_swapChildren" class="method item private inherited">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -2495,13 +2659,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -2514,6 +2678,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -2527,11 +2693,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -2542,7 +2708,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -2553,7 +2720,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -2568,7 +2735,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -2626,11 +2793,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -2643,6 +2810,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -2654,7 +2822,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2711,11 +2879,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -2727,6 +2895,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -2738,7 +2907,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2795,11 +2964,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -2812,6 +2981,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -2823,7 +2993,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2880,11 +3050,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -2895,7 +3065,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -2907,7 +3078,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2937,6 +3108,50 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -2953,11 +3168,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -2968,6 +3183,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -2994,11 +3210,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -3009,6 +3225,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -3021,7 +3238,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -3035,11 +3252,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -3050,6 +3267,278 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_currentPath" class="property item private">
+    <h3 class="name"><code>currentPath</code></h3>
+    <span class="type">Object</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l54"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:54</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Current path</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_fillAlpha" class="property item">
+    <h3 class="name"><code>fillAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l21"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:21</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The alpha of the fill of this graphics object</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_graphicsData" class="property item private">
+    <h3 class="name"><code>graphicsData</code></h3>
+    <span class="type">Array</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l45"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:45</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Graphics data</p>
+
     </div>
 
     
@@ -3062,7 +3551,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -3076,11 +3565,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -3092,6 +3581,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -3118,11 +3608,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -3133,6 +3623,143 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_lineColor" class="property item">
+    <h3 class="name"><code>lineColor</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l37"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:37</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The color of any lines drawn</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_lineWidth" class="property item">
+    <h3 class="name"><code>lineWidth</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_primitives_Graphics.js.html#l29"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:29</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The width of any lines drawn</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -3145,7 +3772,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -3159,11 +3786,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -3176,6 +3803,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -3202,11 +3830,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -3217,6 +3845,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -3243,11 +3872,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -3258,6 +3887,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -3284,11 +3914,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -3299,6 +3929,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -3325,11 +3998,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -3340,6 +4013,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -3366,11 +4040,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -3381,6 +4055,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -3407,11 +4082,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -3422,6 +4097,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -3448,11 +4124,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -3463,6 +4139,93 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -3488,13 +4251,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/GreyFilter.html b/docs/classes/GreyFilter.html
new file mode 100644
index 0000000..4f47931
--- /dev/null
+++ b/docs/classes/GreyFilter.html
@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>GreyFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>GreyFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_GreyFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;GreyFilter.js:6</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This turns your displayObjects to black and white.</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 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">
+                        
+                            <li class="index-item property">
+                                <a href="#property_grey">grey</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_grey" class="property item">
+    <h3 class="name"><code>grey</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_GreyFilter.js.html#l40"><code>src&#x2F;pixi&#x2F;filters&#x2F;GreyFilter.js:40</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The strength of the grey. 1 will make the object black and white, 0 will make the object its normal color</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/ImageLoader.html b/docs/classes/ImageLoader.html
index 0400bba..d2ef76d 100644
--- a/docs/classes/ImageLoader.html
+++ b/docs/classes/ImageLoader.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>ImageLoader - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,16 +169,21 @@
                         <h1>ImageLoader Class</h1>
 <div class="box meta">
     
-
-    
-        <div class="extends">
-            Extends EventTarget
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
         </div>
     
 
     
+
+    
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_loaders_ImageLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_loaders_ImageLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:5</code></a>
         </div>
     
 
@@ -170,9 +199,10 @@
 
 
 <div class="box intro">
-    <p>The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
+    <p>The image loader class is responsible for loading images file formats (&quot;jpeg&quot;, &quot;jpg&quot;, &quot;png&quot; and &quot;gif&quot;)
 Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
-When loaded this class will dispatch a 'loaded' event</p>
+When loaded this class will dispatch a &#39;loaded&#39; event</p>
+
 </div>
 
 
@@ -226,7 +256,7 @@ When loaded this class will dispatch a 'loaded' event</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_ImageLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:5</code></a>
+        <a href="../files/src_pixi_loaders_ImageLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:5</code></a>
         
         </p>
 
@@ -256,6 +286,7 @@ When loaded this class will dispatch a 'loaded' event</p>
 
                     <div class="param-description">
                         <p>The url of the image</p>
+
                     </div>
 
                     
@@ -270,7 +301,8 @@ When loaded this class will dispatch a 'loaded' event</p>
                     
 
                     <div class="param-description">
-                         
+                        <p>Whether requests should be treated as crossorigin</p>
+
                     </div>
 
                     
@@ -293,6 +325,10 @@ When loaded this class will dispatch a 'loaded' event</p>
         <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>
         
         
         
@@ -303,7 +339,51 @@ When loaded this class will dispatch a 'loaded' event</p>
             <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_load">load</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_loadFramedSpriteSheet">loadFramedSpriteSheet</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onLoaded">onLoaded</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_texture">texture</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
             
 
             
@@ -312,7 +392,309 @@ When loaded this class will dispatch a 'loaded' event</p>
         </div>
 
         
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
 
+                
+                    <div id="method_load" class="method item">
+    <h3 class="name"><code>load</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_ImageLoader.js.html#l39"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:39</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Loads image or takes it from cache</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_loadFramedSpriteSheet" class="method item">
+    <h3 class="name"><code>loadFramedSpriteSheet</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>frameWidth</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>frameHeight</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>textureName</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_ImageLoader.js.html#l71"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:71</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Loads image and split it to uniform sized frames</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">frameWidth</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>with of each frame</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">frameHeight</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>height of each frame</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">textureName</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>if given, the frames will be cached in <textureName>-<ord> format</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onLoaded" class="method item private">
+    <h3 class="name"><code>onLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_ImageLoader.js.html#l60"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:60</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoked when image file is loaded or it is already cached and ready to use</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <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="../files/src_pixi_loaders_ImageLoader.js.html#l20"><code>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js:20</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The texture being loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
         
 
         
@@ -327,13 +709,13 @@ When loaded this class will dispatch a 'loaded' event</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/InteractionManager.html b/docs/classes/InteractionManager.html
deleted file mode 100644
index 54f508b..0000000
--- a/docs/classes/InteractionManager.html
+++ /dev/null
@@ -1,660 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>InteractionManager - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#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="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
-            
-        </div>
-        <div class="yui3-u-1-4 version">
-            <em>API Docs for: 1.3.0</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/BitmapFontLoader.html">BitmapFontLoader</a></li>
-            
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
-            
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
-            
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
-            
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
-            
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</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/Ellipse.html">Ellipse</a></li>
-            
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
-            
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
-            
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
-            
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
-            
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</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/Polygon.html">Polygon</a></li>
-            
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
-            
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
-            
-                <li><a href="..&#x2F;classes/Spine.html">Spine</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/Text.html">Text</a></li>
-            
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
-            
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</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>InteractionManager Class</h1>
-<div class="box meta">
-    
-
-    
-
-    
-        <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l7"><code>src&#x2F;pixi&#x2F;InteractionManager.js:7</code></a>
-        </div>
-    
-
-    
-        
-            Module: <a href="../modules/PIXI.html">PIXI</a>
-        
-    
-
-    
-</div>
-
-
-
-<div class="box intro">
-    <p>The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
-This manager also supports multitouch.</p>
-</div>
-
-
-    <div class="constructor">
-        <h2>Constructor</h2>
-        <div id="method_InteractionManager" class="method item">
-    <h3 class="name"><code>InteractionManager</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;src_pixi_InteractionManager.js.html#l7"><code>src&#x2F;pixi&#x2F;InteractionManager.js:7</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">stage</code>
-                        <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</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">
-                        
-                            <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_mouse">mouse</a>
-
-                                
-                                
-                            </li>
-                        
-                            <li class="index-item property">
-                                <a href="#property_stage">stage</a>
-
-                                
-                                
-                            </li>
-                        
-                            <li class="index-item property">
-                                <a href="#property_touchs">touchs</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>
-            
-                <li class="arg">
-                    
-                        <code>view</code>
-                    
-                </li>
-            
-                <li class="arg">
-                    
-                        <code>transparent</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;src_pixi_utils_Detector.js.html#l5"><code>src&#x2F;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>
-            
-                <li class="param">
-                    
-                        <code class="param-name">view</code>
-                        <span class="type">Canvas</span>
-                    
-
-                    
-
-                    <div class="param-description">
-                        <p>the canvas to use as a view, optional</p>
-                    </div>
-
-                    
-                </li>
-            
-                <li class="param">
-                    
-                        <code class="param-name">transparent</code>
-                        <span class="type">Boolean</span>
-                    
-
-                    
-
-                    <div class="param-description">
-                        <p>the transparency of the render view, default false</p>
-                    </div>
-
-                    
-                </li>
-            
-            </ul>
-        </div>
-    
-
-    
-
-    
-</div>
-
-                
-            </div>
-        
-
-        
-            <div id="properties" class="api-class-tabpanel">
-                <h2 class="off-left">Properties</h2>
-
-                
-                    <div id="property_mouse" class="property item">
-    <h3 class="name"><code>mouse</code></h3>
-    <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
-
-    
-
-    
-
-    
-
-    
-
-    <div class="meta">
-        
-            
-                
-                <p>
-                
-                Defined in
-                
-            
-        
-        
-        <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l30"><code>src&#x2F;pixi&#x2F;InteractionManager.js:30</code></a>
-        
-        </p>
-
-        
-
-        
-    </div>
-
-    <div class="description">
-        <p>the mouse data</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;src_pixi_InteractionManager.js.html#l17"><code>src&#x2F;pixi&#x2F;InteractionManager.js:17</code></a>
-        
-        </p>
-
-        
-
-        
-    </div>
-
-    <div class="description">
-        <p>a refference to the stage</p>
-    </div>
-
-    
-
-    
-
-    
-</div>
-
-                
-                    <div id="property_touchs" class="property item">
-    <h3 class="name"><code>touchs</code></h3>
-    <span class="type">Object</span>
-
-    
-
-    
-
-    
-
-    
-
-    <div class="meta">
-        
-            
-                
-                <p>
-                
-                Defined in
-                
-            
-        
-        
-        <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l37"><code>src&#x2F;pixi&#x2F;InteractionManager.js:37</code></a>
-        
-        </p>
-
-        
-
-        
-    </div>
-
-    <div class="description">
-        <p>an object that stores current touches (InteractionData) by id reference</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/InvertFilter.html b/docs/classes/InvertFilter.html
new file mode 100644
index 0000000..d2184c7
--- /dev/null
+++ b/docs/classes/InvertFilter.html
@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>InvertFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>InvertFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_InvertFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;InvertFilter.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This inverts your displayObjects colors.</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 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">
+                        
+                            <li class="index-item property">
+                                <a href="#property_invert">invert</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_invert" class="property item">
+    <h3 class="name"><code>invert</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_InvertFilter.js.html#l41"><code>src&#x2F;pixi&#x2F;filters&#x2F;InvertFilter.js:41</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The strength of the invert. 1 will fully invert the colors, 0 will make the object its normal color</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/JsonLoader.html b/docs/classes/JsonLoader.html
index a7e8161..c5c510b 100644
--- a/docs/classes/JsonLoader.html
+++ b/docs/classes/JsonLoader.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>JsonLoader - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,16 +169,21 @@
                         <h1>JsonLoader Class</h1>
 <div class="box meta">
     
-
-    
-        <div class="extends">
-            Extends EventTarget
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
         </div>
     
 
     
+
+    
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_loaders_JsonLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_loaders_JsonLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:5</code></a>
         </div>
     
 
@@ -171,8 +200,9 @@
 
 <div class="box intro">
     <p>The json file loader is used to load in JSON data and parsing it
-When loaded this class will dispatch a "loaded" event
-If load failed this class will dispatch a "error" event</p>
+When loaded this class will dispatch a &quot;loaded&quot; event
+If load failed this class will dispatch a &quot;error&quot; event</p>
+
 </div>
 
 
@@ -226,7 +256,7 @@ If load failed this class will dispatch a "error" event</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_JsonLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:5</code></a>
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:5</code></a>
         
         </p>
 
@@ -255,7 +285,8 @@ If load failed this class will dispatch a "error" event</p>
                     
 
                     <div class="param-description">
-                        <p>the url of the JSON file</p>
+                        <p>The url of the JSON file</p>
+
                     </div>
 
                     
@@ -270,7 +301,8 @@ If load failed this class will dispatch a "error" event</p>
                     
 
                     <div class="param-description">
-                         
+                        <p>Whether requests should be treated as crossorigin</p>
+
                     </div>
 
                     
@@ -293,6 +325,10 @@ If load failed this class will dispatch a "error" event</p>
         <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>
         
         
         
@@ -303,7 +339,79 @@ If load failed this class will dispatch a "error" event</p>
             <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_load">load</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onError">onError</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onJSONLoaded">onJSONLoaded</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onLoaded">onLoaded</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_baseUrl">baseUrl</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_crossorigin">crossorigin</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_loaded">loaded</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_url">url</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
             
 
             
@@ -312,7 +420,425 @@ If load failed this class will dispatch a "error" event</p>
         </div>
 
         
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
 
+                
+                    <div id="method_load" class="method item">
+    <h3 class="name"><code>load</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l58"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:58</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Loads the JSON data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onError" class="method item private">
+    <h3 class="name"><code>onError</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l154"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:154</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoke when error occured</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onJSONLoaded" class="method item private">
+    <h3 class="name"><code>onJSONLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l75"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:75</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoke when JSON file is loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onLoaded" class="method item private">
+    <h3 class="name"><code>onLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l140"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:140</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoke when json file loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_baseUrl" class="property item">
+    <h3 class="name"><code>baseUrl</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l35"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:35</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The base url of the bitmap font data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_crossorigin" class="property item">
+    <h3 class="name"><code>crossorigin</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l27"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:27</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Whether the requests should be treated as cross origin</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_loaded" class="property item">
+    <h3 class="name"><code>loaded</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l44"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:44</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether the data has loaded yet</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_url" class="property item">
+    <h3 class="name"><code>url</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_JsonLoader.js.html#l19"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The url of the bitmap font data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
         
 
         
@@ -327,13 +853,13 @@ If load failed this class will dispatch a "error" event</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/MovieClip.html b/docs/classes/MovieClip.html
index ecfa688..90a28a9 100644
--- a/docs/classes/MovieClip.html
+++ b/docs/classes/MovieClip.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>MovieClip - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_display_MovieClip.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:5</code></a>
         </div>
     
 
@@ -171,6 +195,7 @@
 
 <div class="box intro">
     <p>A MovieClip is a simple way to display an animation depicted by a list of textures.</p>
+
 </div>
 
 
@@ -218,7 +243,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:5</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:5</code></a>
         
         </p>
 
@@ -241,13 +266,14 @@
                 <li class="param">
                     
                         <code class="param-name">textures</code>
-                        <span class="type">Array</span>
+                        <span class="type">Array<Texture></span>
                     
 
                     
 
                     <div class="param-description">
                         <p>an array of {Texture} objects that make up the animation</p>
+
                     </div>
 
                     
@@ -364,6 +390,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private inherited">
+                                <a href="#method_onTextureUpdate">onTextureUpdate</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -380,11 +413,13 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -401,7 +436,7 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -446,6 +481,27 @@
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__height">_height</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property__width">_width</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -486,6 +542,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property">
@@ -493,6 +556,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -514,6 +591,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property">
@@ -563,6 +647,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -598,6 +689,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_totalFrames">totalFrames</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -612,6 +710,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -637,7 +749,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -663,11 +775,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -679,6 +791,7 @@
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -689,14 +802,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -721,7 +835,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -753,11 +867,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -769,6 +883,7 @@
 
     <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>
 
     
@@ -779,14 +894,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -801,7 +917,8 @@
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -852,11 +969,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -868,6 +985,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -879,7 +997,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -936,11 +1054,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -952,6 +1070,7 @@
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -969,7 +1088,8 @@
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -1027,7 +1147,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:94</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l126"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:126</code></a>
         
         </p>
 
@@ -1039,6 +1159,7 @@
 
     <div class="description">
         <p>Goes to a specific frame and begins playing the MovieClip</p>
+
     </div>
 
     
@@ -1057,6 +1178,7 @@
 
                     <div class="param-description">
                         <p>frame index to start at</p>
+
                     </div>
 
                     
@@ -1114,7 +1236,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l81"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:81</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l112"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:112</code></a>
         
         </p>
 
@@ -1126,6 +1248,7 @@
 
     <div class="description">
         <p>Stops the MovieClip and goes to a specific frame</p>
+
     </div>
 
     
@@ -1144,6 +1267,7 @@
 
                     <div class="param-description">
                         <p>frame index to stop at</p>
+
                     </div>
 
                     
@@ -1194,11 +1318,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -1210,6 +1334,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -1221,7 +1346,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1278,11 +1403,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1294,6 +1419,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1305,7 +1431,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1362,11 +1488,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1378,6 +1504,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1389,7 +1516,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1446,11 +1573,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1463,6 +1590,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1474,7 +1602,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1531,11 +1659,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1548,6 +1676,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1559,7 +1688,94 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onTextureUpdate" class="method item private inherited">
+    <h3 class="name"><code>onTextureUpdate</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Sprite.html#method_onTextureUpdate">Sprite</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:145</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>When the texture is updated, this event will fire to update the scale and frame</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
                     
 
                     
@@ -1613,7 +1829,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:72</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l102"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:102</code></a>
         
         </p>
 
@@ -1625,6 +1841,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Plays the MovieClip</p>
+
     </div>
 
     
@@ -1644,7 +1861,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1670,11 +1887,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1686,6 +1903,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1696,14 +1914,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1719,7 +1938,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -1739,6 +1958,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1754,16 +1975,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1771,6 +1994,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1839,11 +2063,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#method_setTexture">Sprite</a>:
+                <a href="../classes/Sprite.html#method_setTexture">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l103"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:103</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l118"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:118</code></a>
         
         </p>
 
@@ -1854,7 +2078,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        
+        <p>Sets the texture of the sprite</p>
+
     </div>
 
     
@@ -1873,6 +2098,7 @@ Instead of using this function you can now simply set the interactive property t
 
                     <div class="param-description">
                         <p>The PIXI texture that is displayed by the sprite</p>
+
                     </div>
 
                     
@@ -1920,7 +2146,7 @@ Instead of using this function you can now simply set the interactive property t
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:63</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l92"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:92</code></a>
         
         </p>
 
@@ -1932,6 +2158,7 @@ Instead of using this function you can now simply set the interactive property t
 
     <div class="description">
         <p>Stops the MovieClip</p>
+
     </div>
 
     
@@ -1942,7 +2169,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
+                    <div id="method_swapChildren" class="method item private inherited">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -1951,13 +2178,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -1970,6 +2197,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -1983,11 +2212,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -1998,7 +2227,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -2009,7 +2239,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -2024,7 +2254,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -2082,11 +2312,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -2099,6 +2329,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -2110,7 +2341,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2167,11 +2398,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -2183,6 +2414,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -2194,7 +2426,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2251,11 +2483,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -2268,6 +2500,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -2279,7 +2512,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2336,11 +2569,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -2351,7 +2584,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -2363,7 +2597,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2393,6 +2627,138 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__height" class="property item private inherited">
+    <h3 class="name"><code>_height</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Sprite.html#property__height">Sprite</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l60"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:60</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__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property__width" class="property item private inherited">
+    <h3 class="name"><code>_width</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Sprite.html#property__width">Sprite</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l51"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:51</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The width of the sprite (this is initially set by the texture)</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -2409,11 +2775,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -2424,6 +2790,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -2450,11 +2817,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_anchor">Sprite</a>:
+                <a href="../classes/Sprite.html#property_anchor">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l21"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:21</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:23</code></a>
         
         </p>
 
@@ -2468,6 +2835,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 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>
 
     
@@ -2501,7 +2869,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l30"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:30</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l25"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:25</code></a>
         
         </p>
 
@@ -2512,9 +2880,12 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
 
     <div class="description">
         <p>The speed that the MovieClip will play at. Higher is faster, lower is slower</p>
+
     </div>
 
     
+        <p><strong>Default:</strong> 1</p>
+    
 
     
 
@@ -2524,7 +2895,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
                 
                     <div id="property_blendMode" class="property item inherited">
     <h3 class="name"><code>blendMode</code></h3>
-    <span class="type">Uint</span>
+    <span class="type">Number</span>
 
     
 
@@ -2538,11 +2909,11 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_blendMode">Sprite</a>:
+                <a href="../classes/Sprite.html#property_blendMode">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l38"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:38</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:42</code></a>
         
         </p>
 
@@ -2554,6 +2925,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
     <div class="description">
         <p>The blend mode of sprite.
 currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
+
     </div>
 
     
@@ -2580,11 +2952,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -2595,6 +2967,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -2607,7 +2980,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2621,11 +2994,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2636,6 +3009,51 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
     </div>
 
     
@@ -2669,7 +3087,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:23</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l51"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:51</code></a>
         
         </p>
 
@@ -2679,7 +3097,98 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
     </div>
 
     <div class="description">
-        <p>[read only] The index MovieClips current frame (this may not have to be a whole number)</p>
+        <p>[read-only] The index MovieClips current frame (this may not have to be a whole number)</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
     </div>
 
     
@@ -2692,7 +3201,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_height" class="property item inherited">
     <h3 class="name"><code>height</code></h3>
-    <span class="type">#Number</span>
+    <span class="type">Number</span>
 
     
 
@@ -2706,11 +3215,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_height">Sprite</a>:
+                <a href="../classes/Sprite.html#property_height">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l53"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:53</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l102"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:102</code></a>
         
         </p>
 
@@ -2720,7 +3229,8 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
     </div>
 
     <div class="description">
-        <p>The height of the sprite (this is initially set by the texture)</p>
+        <p>The height of the sprite, setting this will actually modify the scale to acheive the value set</p>
+
     </div>
 
     
@@ -2733,7 +3243,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -2747,11 +3257,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2763,6 +3273,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2789,11 +3300,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -2804,6 +3315,53 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2837,7 +3395,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l37"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:37</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l34"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:34</code></a>
         
         </p>
 
@@ -2848,9 +3406,12 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Whether or not the movie clip repeats after playing.</p>
+
     </div>
 
     
+        <p><strong>Default:</strong> true</p>
+    
 
     
 
@@ -2860,7 +3421,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2874,11 +3435,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2891,6 +3452,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2924,7 +3486,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l44"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:44</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:43</code></a>
         
         </p>
 
@@ -2935,6 +3497,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>Function to call when a MovieClip finishes playing</p>
+
     </div>
 
     
@@ -2961,11 +3524,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2976,6 +3539,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -3002,11 +3566,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -3017,6 +3581,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -3050,7 +3615,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l51"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:51</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l61"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:61</code></a>
         
         </p>
 
@@ -3060,7 +3625,8 @@ To remove a mask, set this property to null.</p>
     </div>
 
     <div class="description">
-        <p>[read only] indicates if the MovieClip is currently playing</p>
+        <p>[read-only] Indicates if the MovieClip is currently playing</p>
+
     </div>
 
     
@@ -3087,11 +3653,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -3102,6 +3668,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -3128,11 +3737,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -3143,6 +3752,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -3169,11 +3779,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -3184,6 +3794,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -3210,11 +3821,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -3225,6 +3836,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -3251,11 +3863,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_texture">Sprite</a>:
+                <a href="../classes/Sprite.html#property_texture">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:31</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l34"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:34</code></a>
         
         </p>
 
@@ -3266,6 +3878,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The texture that the sprite is using</p>
+
     </div>
 
     
@@ -3299,7 +3912,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_MovieClip.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:16</code></a>
+        <a href="../files/src_pixi_display_MovieClip.js.html#l17"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:17</code></a>
         
         </p>
 
@@ -3310,6 +3923,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The array of textures that make up the animation</p>
+
     </div>
 
     
@@ -3317,6 +3931,54 @@ To remove a mask, set this property to null.</p>
     
 
     
+</div>
+
+                
+                    <div id="property_totalFrames" class="property item">
+    <h3 class="name"><code>totalFrames</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_MovieClip.js.html#l75"><code>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js:75</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] totalFrames is the total number of frames in the MovieClip. This is the same as number of textures
+assigned to the MovieClip.</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> 0</p>
+    
+
+    
+
+    
 </div>
 
                 
@@ -3336,11 +3998,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -3351,6 +4013,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
     </div>
 
     
@@ -3363,7 +4026,7 @@ To remove a mask, set this property to null.</p>
                 
                     <div id="property_width" class="property item inherited">
     <h3 class="name"><code>width</code></h3>
-    <span class="type">#Number</span>
+    <span class="type">Number</span>
 
     
 
@@ -3377,11 +4040,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_width">Sprite</a>:
+                <a href="../classes/Sprite.html#property_width">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l46"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:46</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l86"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:86</code></a>
         
         </p>
 
@@ -3391,7 +4054,94 @@ To remove a mask, set this property to null.</p>
     </div>
 
     <div class="description">
-        <p>The width of the sprite (this is initially set by the texture)</p>
+        <p>The width of the sprite, setting this will actually modify the scale to acheive the value set</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -3417,13 +4167,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/PixelateFilter.html b/docs/classes/PixelateFilter.html
new file mode 100644
index 0000000..ba0d21d
--- /dev/null
+++ b/docs/classes/PixelateFilter.html
@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>PixelateFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>PixelateFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_PixelateFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;PixelateFilter.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This filter applies a pixlate effect making display objects appear &quot;blocky&quot;</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 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">
+                        
+                            <li class="index-item property">
+                                <a href="#property_size">size</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_size" class="property item">
+    <h3 class="name"><code>size</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_PixelateFilter.js.html#l50"><code>src&#x2F;pixi&#x2F;filters&#x2F;PixelateFilter.js:50</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>This a point that describes the size of the blocs. x is the width of the block and y is the the height</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Point.html b/docs/classes/Point.html
index 9cc03ce..21f7d7a 100644
--- a/docs/classes/Point.html
+++ b/docs/classes/Point.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Point - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_core_Point.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_core_Point.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:5</code></a>
         </div>
     
 
@@ -167,6 +191,7 @@
 
 <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>
 
 
@@ -220,7 +245,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Point.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:5</code></a>
+        <a href="../files/src_pixi_core_Point.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:5</code></a>
         
         </p>
 
@@ -250,6 +275,7 @@
 
                     <div class="param-description">
                         <p>position of the point</p>
+
                     </div>
 
                     
@@ -265,6 +291,7 @@
 
                     <div class="param-description">
                         <p>position of the point</p>
+
                     </div>
 
                     
@@ -360,7 +387,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
         </span>
     
 
@@ -387,7 +414,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Point.js.html#l29"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:29</code></a>
+        <a href="../files/src_pixi_core_Point.js.html#l30"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:30</code></a>
         
         </p>
 
@@ -398,7 +425,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Creates a clone of this point</p>
+
     </div>
 
     
@@ -410,7 +438,10 @@
             <div class="returns-description">
                 
                     
-                    a copy of the point
+                        <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>:
+                    
+                    <p>a copy of the point</p>
+
                 
             </div>
         </div>
@@ -451,7 +482,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Point.js.html#l14"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:14</code></a>
+        <a href="../files/src_pixi_core_Point.js.html#l15"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:15</code></a>
         
         </p>
 
@@ -497,7 +528,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Point.js.html#l21"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:21</code></a>
+        <a href="../files/src_pixi_core_Point.js.html#l22"><code>src&#x2F;pixi&#x2F;core&#x2F;Point.js:22</code></a>
         
         </p>
 
@@ -535,13 +566,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/PolyK.AjaxRequest.html b/docs/classes/PolyK.AjaxRequest.html
new file mode 100644
index 0000000..508d79f
--- /dev/null
+++ b/docs/classes/PolyK.AjaxRequest.html
@@ -0,0 +1,601 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>PolyK.AjaxRequest - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>PolyK.AjaxRequest Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_utils_Utils.js.html#l81"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:81</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>A wrapper for ajax requests to be handled cross browser</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_PolyK.AjaxRequest" class="method item">
+    <h3 class="name"><code>PolyK.AjaxRequest</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_utils_Utils.js.html#l81"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:81</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>
+        
+        
+        
+        
+    </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_bind">bind</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_cancelAnimationFrame">cancelAnimationFrame</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_HEXtoRGB">HEXtoRGB</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_requestAnimationFrame">requestAnimationFrame</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_bind" class="method item">
+    <h3 class="name"><code>bind</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_utils_Utils.js.html#l53"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:53</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>A polyfill for Function.prototype.bind</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_cancelAnimationFrame" class="method item">
+    <h3 class="name"><code>cancelAnimationFrame</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_utils_Utils.js.html#l13"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:13</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>A polyfill for cancelAnimationFrame</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_HEXtoRGB" class="method item">
+    <h3 class="name"><code>HEXtoRGB</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>hex</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_utils_Utils.js.html#l43"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:43</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Converts a hex color number to an [R, G, B] array</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">hex</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_requestAnimationFrame" class="method item">
+    <h3 class="name"><code>requestAnimationFrame</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_utils_Utils.js.html#l8"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:8</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>A polyfill for requestAnimationFrame</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/InteractionData.html b/docs/classes/PolyK.InteractionData.html
similarity index 62%
rename from docs/classes/InteractionData.html
rename to docs/classes/PolyK.InteractionData.html
index 56f1b0d..2555156 100644
--- a/docs/classes/InteractionData.html
+++ b/docs/classes/PolyK.InteractionData.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>InteractionData - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>PolyK.InteractionData - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,7 +166,7 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1>InteractionData Class</h1>
+                        <h1>PolyK.InteractionData Class</h1>
 <div class="box meta">
     
 
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l493"><code>src&#x2F;pixi&#x2F;InteractionManager.js:493</code></a>
+            Defined in: <a href="../files/src_pixi_InteractionManager.js.html#l646"><code>src&#x2F;pixi&#x2F;InteractionManager.js:646</code></a>
         </div>
     
 
@@ -166,14 +190,15 @@
 
 
 <div class="box intro">
-    
+    <p>Holds all information related to an Interaction event</p>
+
 </div>
 
 
     <div class="constructor">
         <h2>Constructor</h2>
-        <div id="method_InteractionData" class="method item">
-    <h3 class="name"><code>InteractionData</code></h3>
+        <div id="method_PolyK.InteractionData" class="method item">
+    <h3 class="name"><code>PolyK.InteractionData</code></h3>
 
     
         <span class="paren">()</span>
@@ -204,7 +229,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l493"><code>src&#x2F;pixi&#x2F;InteractionManager.js:493</code></a>
+        <a href="../files/src_pixi_InteractionManager.js.html#l646"><code>src&#x2F;pixi&#x2F;InteractionManager.js:646</code></a>
         
         </p>
 
@@ -350,7 +375,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l524"><code>src&#x2F;pixi&#x2F;InteractionManager.js:524</code></a>
+        <a href="../files/src_pixi_InteractionManager.js.html#l682"><code>src&#x2F;pixi&#x2F;InteractionManager.js:682</code></a>
         
         </p>
 
@@ -362,6 +387,7 @@
 
     <div class="description">
         <p>This will return the local coords of the specified displayObject for this InteractionData</p>
+
     </div>
 
     
@@ -380,6 +406,7 @@
 
                     <div class="param-description">
                         <p>The DisplayObject that you would like the local coords off</p>
+
                     </div>
 
                     
@@ -398,7 +425,8 @@
                     
                         <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>:
                     
-                    A point containing the coords of the InteractionData position relative to the DisplayObject
+                    <p>A point containing the coords of the InteractionData position relative to the DisplayObject</p>
+
                 
             </div>
         </div>
@@ -439,7 +467,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l499"><code>src&#x2F;pixi&#x2F;InteractionManager.js:499</code></a>
+        <a href="../files/src_pixi_InteractionManager.js.html#l654"><code>src&#x2F;pixi&#x2F;InteractionManager.js:654</code></a>
         
         </p>
 
@@ -450,6 +478,7 @@
 
     <div class="description">
         <p>This point stores the global coords of where the touch/mouse event happened</p>
+
     </div>
 
     
@@ -483,7 +512,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l516"><code>src&#x2F;pixi&#x2F;InteractionManager.js:516</code></a>
+        <a href="../files/src_pixi_InteractionManager.js.html#l673"><code>src&#x2F;pixi&#x2F;InteractionManager.js:673</code></a>
         
         </p>
 
@@ -494,6 +523,7 @@
 
     <div class="description">
         <p>When passed to an event handler, this will be the original DOM Event that was captured</p>
+
     </div>
 
     
@@ -527,7 +557,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l509"><code>src&#x2F;pixi&#x2F;InteractionManager.js:509</code></a>
+        <a href="../files/src_pixi_InteractionManager.js.html#l665"><code>src&#x2F;pixi&#x2F;InteractionManager.js:665</code></a>
         
         </p>
 
@@ -538,6 +568,7 @@
 
     <div class="description">
         <p>The target Sprite that was interacted with</p>
+
     </div>
 
     
@@ -563,13 +594,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/PolyK.InteractionManager.html b/docs/classes/PolyK.InteractionManager.html
new file mode 100644
index 0000000..d24b54e
--- /dev/null
+++ b/docs/classes/PolyK.InteractionManager.html
@@ -0,0 +1,1616 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>PolyK.InteractionManager - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>PolyK.InteractionManager Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_InteractionManager.js.html#l5"><code>src&#x2F;pixi&#x2F;InteractionManager.js:5</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
+This manager also supports multitouch.</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_PolyK.InteractionManager" class="method item">
+    <h3 class="name"><code>PolyK.InteractionManager</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="../files/src_pixi_InteractionManager.js.html#l5"><code>src&#x2F;pixi&#x2F;InteractionManager.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">stage</code>
+                        <span class="type"><a href="../classes/Stage.html" class="crosslink">Stage</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The stage to handle interactions</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 private">
+                                <a href="#method_collectInteractiveSprite">collectInteractiveSprite</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_hitTest">hitTest</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onMouseDown">onMouseDown</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onMouseMove">onMouseMove</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onMouseUp">onMouseUp</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onTouchEnd">onTouchEnd</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onTouchMove">onTouchMove</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onTouchStart">onTouchStart</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_setTarget">setTarget</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_setTargetDomElement">setTargetDomElement</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_update">update</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_mouse">mouse</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_stage">stage</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_touchs">touchs</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_collectInteractiveSprite" class="method item private">
+    <h3 class="name"><code>collectInteractiveSprite</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>iParent</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l70"><code>src&#x2F;pixi&#x2F;InteractionManager.js:70</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Collects an interactive sprite recursively to have their interactions managed</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">
+                        <p>the displayObject to collect</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">iParent</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_hitTest" class="method item private">
+    <h3 class="name"><code>hitTest</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>item</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>interactionData</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l422"><code>src&#x2F;pixi&#x2F;InteractionManager.js:422</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Tests if the current mouse coords hit a sprite</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">item</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The displayObject to test for a hit</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">interactionData</code>
+                        <span class="type">InteractionData</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The interactiondata object to update in the case of a hit</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onMouseDown" class="method item private">
+    <h3 class="name"><code>onMouseDown</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l305"><code>src&#x2F;pixi&#x2F;InteractionManager.js:305</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Is called when the mouse button is pressed down on the renderer element</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The DOM event of a mouse button being pressed down</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onMouseMove" class="method item private">
+    <h3 class="name"><code>onMouseMove</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l273"><code>src&#x2F;pixi&#x2F;InteractionManager.js:273</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Is called when the mouse moves accross the renderer element</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The DOM event of the mouse moving</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onMouseUp" class="method item private">
+    <h3 class="name"><code>onMouseUp</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l370"><code>src&#x2F;pixi&#x2F;InteractionManager.js:370</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Is called when the mouse button is released on the renderer element</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The DOM event of a mouse button being released</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onTouchEnd" class="method item private">
+    <h3 class="name"><code>onTouchEnd</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l575"><code>src&#x2F;pixi&#x2F;InteractionManager.js:575</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Is called when a touch is ended on the renderer element</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The DOM event of a touch ending on the renderer view</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onTouchMove" class="method item private">
+    <h3 class="name"><code>onTouchMove</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l495"><code>src&#x2F;pixi&#x2F;InteractionManager.js:495</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Is called when a touch is moved accross the renderer element</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The DOM event of a touch moving accross the renderer view</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onTouchStart" class="method item private">
+    <h3 class="name"><code>onTouchStart</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l526"><code>src&#x2F;pixi&#x2F;InteractionManager.js:526</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Is called when a touch is started on the renderer element</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The DOM event of a touch starting on the renderer view</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_setTarget" class="method item private">
+    <h3 class="name"><code>setTarget</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>target</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l114"><code>src&#x2F;pixi&#x2F;InteractionManager.js:114</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the target for event delegation</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">target</code>
+                        <span class="type"><a href="../classes/WebGLRenderer.html" class="crosslink">WebGLRenderer</a> | <a href="../classes/CanvasRenderer.html" class="crosslink">CanvasRenderer</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the renderer to bind events to</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_setTargetDomElement" class="method item private">
+    <h3 class="name"><code>setTargetDomElement</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>domElement</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l135"><code>src&#x2F;pixi&#x2F;InteractionManager.js:135</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the dom element which will receive mouse/touch events. This is useful for when you have other DOM
+elements ontop of the renderers Canvas element. With this you&#39;ll be able to delegate another dom element
+to receive those events</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">domElement</code>
+                        <span class="type">DOMElement</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the dom element which will receive mouse and touch events</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_update" class="method item private">
+    <h3 class="name"><code>update</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l185"><code>src&#x2F;pixi&#x2F;InteractionManager.js:185</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>updates the state of interactive objects</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_mouse" class="property item">
+    <h3 class="name"><code>mouse</code></h3>
+    <span class="type">InteractionData</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l23"><code>src&#x2F;pixi&#x2F;InteractionManager.js:23</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>the mouse data</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="../files/src_pixi_InteractionManager.js.html#l15"><code>src&#x2F;pixi&#x2F;InteractionManager.js:15</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>a refference to the stage</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_touchs" class="property item">
+    <h3 class="name"><code>touchs</code></h3>
+    <span class="type">Object</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_InteractionManager.js.html#l31"><code>src&#x2F;pixi&#x2F;InteractionManager.js:31</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>an object that stores current touches (InteractionData) by id reference</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/PolyK._PointInTriangle.html b/docs/classes/PolyK._PointInTriangle.html
new file mode 100644
index 0000000..3ea0a55
--- /dev/null
+++ b/docs/classes/PolyK._PointInTriangle.html
@@ -0,0 +1,325 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>PolyK._PointInTriangle - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>PolyK._PointInTriangle Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_utils_Polyk.js.html#l109"><code>src&#x2F;pixi&#x2F;utils&#x2F;Polyk.js:109</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>Checks if a point is within a triangle</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_Triangulate">Triangulate</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_Triangulate" class="method item">
+    <h3 class="name"><code>Triangulate</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_utils_Polyk.js.html#l36"><code>src&#x2F;pixi&#x2F;utils&#x2F;Polyk.js:36</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Triangulates shapes for webGL graphic fills</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/PolyK._convex.html b/docs/classes/PolyK._convex.html
new file mode 100644
index 0000000..4a91a69
--- /dev/null
+++ b/docs/classes/PolyK._convex.html
@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>PolyK._convex - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>PolyK._convex Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_utils_Polyk.js.html#l139"><code>src&#x2F;pixi&#x2F;utils&#x2F;Polyk.js:139</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>Checks if a shape is convex</p>
+
+</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="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Polygon.html b/docs/classes/Polygon.html
index 587eb48..6dcfee8 100644
--- a/docs/classes/Polygon.html
+++ b/docs/classes/Polygon.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Polygon - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_core_Polygon.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_core_Polygon.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:5</code></a>
         </div>
     
 
@@ -214,7 +238,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Polygon.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:5</code></a>
+        <a href="../files/src_pixi_core_Polygon.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:5</code></a>
         
         </p>
 
@@ -237,14 +261,20 @@
                 <li class="param">
                     
                         <code class="param-name">points</code>
-                        <span class="type">Array<Point> | Array<Number></span>
+                        <span class="type">Array<Point> | Array<Number> | Point... | Number...</span>
                     
 
                     
+                        <span class="flag multiple" title="This argument may occur one or more times.">multiple</span>
+                    
 
                     <div class="param-description">
-                        <p>This cna be an array of Points or a flat array of numbers
-     that will be interpreted as [x,y, x,y, ...]</p>
+                        <p>This can be an array of Points that form the polygon,
+     a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arguments passed can be
+     all the points of the polygon e.g. <code>new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)</code>, or the
+     arguments passed can be flat x,y values e.g. <code>new PIXI.Polygon(x,y, x,y, x,y, ...)</code> where <code>x</code> and <code>y</code> are
+     Numbers.</p>
+
                     </div>
 
                     
@@ -323,7 +353,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
         </span>
     
 
@@ -350,7 +380,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Polygon.js.html#l28"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:28</code></a>
+        <a href="../files/src_pixi_core_Polygon.js.html#l35"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:35</code></a>
         
         </p>
 
@@ -361,7 +391,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Creates a clone of this polygon</p>
+
     </div>
 
     
@@ -373,7 +404,10 @@
             <div class="returns-description">
                 
                     
-                    a copy of the polygon
+                        <span class="type"><a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>:
+                    
+                    <p>a copy of the polygon</p>
+
                 
             </div>
         </div>
@@ -408,7 +442,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type">Boolean</span>
         </span>
     
 
@@ -435,7 +469,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Polygon.js.html#l42"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:42</code></a>
+        <a href="../files/src_pixi_core_Polygon.js.html#l51"><code>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js:51</code></a>
         
         </p>
 
@@ -446,7 +480,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Checks if the x, and y coords passed to this function are contained within this polygon</p>
+
     </div>
 
     
@@ -465,6 +500,7 @@
 
                     <div class="param-description">
                         <p>The X coord of the point to test</p>
+
                     </div>
 
                     
@@ -480,6 +516,7 @@
 
                     <div class="param-description">
                         <p>The Y coord of the point to test</p>
+
                     </div>
 
                     
@@ -496,7 +533,10 @@
             <div class="returns-description">
                 
                     
-                    if the x/y coords are within this polygon
+                        <span class="type">Boolean</span>:
+                    
+                    <p>if the x/y coords are within this polygon</p>
+
                 
             </div>
         </div>
@@ -523,13 +563,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/Rectangle.html b/docs/classes/Rectangle.html
index bbf3d67..142297c 100644
--- a/docs/classes/Rectangle.html
+++ b/docs/classes/Rectangle.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Rectangle - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_core_Rectangle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:5</code></a>
         </div>
     
 
@@ -167,6 +191,7 @@
 
 <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>
 
 
@@ -232,7 +257,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:5</code></a>
+        <a href="../files/src_pixi_core_Rectangle.js.html#l5"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:5</code></a>
         
         </p>
 
@@ -261,7 +286,8 @@
                     
 
                     <div class="param-description">
-                        <p>position of the rectangle</p>
+                        <p>The X coord of the upper-left corner of the rectangle</p>
+
                     </div>
 
                     
@@ -276,7 +302,8 @@
                     
 
                     <div class="param-description">
-                        <p>position of the rectangle</p>
+                        <p>The Y coord of the upper-left corner of the rectangle</p>
+
                     </div>
 
                     
@@ -291,7 +318,8 @@
                     
 
                     <div class="param-description">
-                        <p>of the rectangle</p>
+                        <p>The overall width of this rectangle</p>
+
                     </div>
 
                     
@@ -306,7 +334,8 @@
                     
 
                     <div class="param-description">
-                        <p>of the rectangle</p>
+                        <p>The overall height of this rectangle</p>
+
                     </div>
 
                     
@@ -423,7 +452,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
         </span>
     
 
@@ -450,7 +479,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l45"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:45</code></a>
+        <a href="../files/src_pixi_core_Rectangle.js.html#l46"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:46</code></a>
         
         </p>
 
@@ -461,7 +490,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Creates a clone of this Rectangle</p>
+
     </div>
 
     
@@ -473,7 +503,10 @@
             <div class="returns-description">
                 
                     
-                    a copy of the rectangle
+                        <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>:
+                    
+                    <p>a copy of the rectangle</p>
+
                 
             </div>
         </div>
@@ -508,7 +541,7 @@
 
     
         <span class="returns-inline">
-            <span class="type"></span>
+            <span class="type">Boolean</span>
         </span>
     
 
@@ -535,7 +568,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l54"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:54</code></a>
+        <a href="../files/src_pixi_core_Rectangle.js.html#l57"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:57</code></a>
         
         </p>
 
@@ -546,7 +579,8 @@
     </div>
 
     <div class="description">
-        
+        <p>Checks if the x, and y coords passed to this function are contained within this Rectangle</p>
+
     </div>
 
     
@@ -565,6 +599,7 @@
 
                     <div class="param-description">
                         <p>The X coord of the point to test</p>
+
                     </div>
 
                     
@@ -580,6 +615,7 @@
 
                     <div class="param-description">
                         <p>The Y coord of the point to test</p>
+
                     </div>
 
                     
@@ -596,7 +632,10 @@
             <div class="returns-description">
                 
                     
-                    if the x/y coords are within this polygon
+                        <span class="type">Boolean</span>:
+                    
+                    <p>if the x/y coords are within this Rectangle</p>
+
                 
             </div>
         </div>
@@ -637,7 +676,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l37"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:37</code></a>
+        <a href="../files/src_pixi_core_Rectangle.js.html#l38"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:38</code></a>
         
         </p>
 
@@ -683,7 +722,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l30"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:30</code></a>
+        <a href="../files/src_pixi_core_Rectangle.js.html#l31"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:31</code></a>
         
         </p>
 
@@ -729,7 +768,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l16"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:16</code></a>
+        <a href="../files/src_pixi_core_Rectangle.js.html#l17"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:17</code></a>
         
         </p>
 
@@ -775,7 +814,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_core_Rectangle.js.html#l23"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:23</code></a>
+        <a href="../files/src_pixi_core_Rectangle.js.html#l24"><code>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js:24</code></a>
         
         </p>
 
@@ -813,13 +852,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/RenderTexture.html b/docs/classes/RenderTexture.html
index e274141..3e617dc 100644
--- a/docs/classes/RenderTexture.html
+++ b/docs/classes/RenderTexture.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>RenderTexture - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_textures_RenderTexture.js.html#l5"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_textures_RenderTexture.js.html#l5"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:5</code></a>
         </div>
     
 
@@ -171,27 +195,21 @@
 
 <div class="box intro">
     <p>A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.</p>
-
 <p><strong>Hint</strong>: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
 Otherwise black rectangles will be drawn instead.  </p>
-
 <p>RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:</p>
-
 <pre class="code prettyprint"><code>var renderTexture = new PIXI.RenderTexture(800, 600);
-var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
+var sprite = PIXI.Sprite.fromImage(&quot;spinObj_01.png&quot;);
 sprite.position.x = 800/2;
 sprite.position.y = 600/2;
 sprite.anchor.x = 0.5;
 sprite.anchor.y = 0.5;
-renderTexture.render(sprite);
-</code></pre>
-
+renderTexture.render(sprite);</code></pre>
 <p>Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:</p>
-
 <pre class="code prettyprint"><code>var doc = new PIXI.DisplayObjectContainer();
 doc.addChild(sprite);
-renderTexture.render(doc);  // Renders to center of renderTexture
-</code></pre>
+renderTexture.render(doc);  // Renders to center of renderTexture</code></pre>
+
 </div>
 
 
@@ -245,7 +263,7 @@ renderTexture.render(doc);  // Renders to center of renderTexture
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_RenderTexture.js.html#l5"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:5</code></a>
+        <a href="../files/src_pixi_textures_RenderTexture.js.html#l5"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:5</code></a>
         
         </p>
 
@@ -274,7 +292,8 @@ renderTexture.render(doc);  // Renders to center of renderTexture
                     
 
                     <div class="param-description">
-                         
+                        <p>The width of the render texture</p>
+
                     </div>
 
                     
@@ -289,7 +308,8 @@ renderTexture.render(doc);  // Renders to center of renderTexture
                     
 
                     <div class="param-description">
-                         
+                        <p>The height of the render texture</p>
+
                     </div>
 
                     
@@ -332,14 +352,42 @@ renderTexture.render(doc);  // Renders to center of renderTexture
                     <ul class="index-list methods extends">
                         
                             <li class="index-item method inherited">
-                                <a href="#method_fromFrame">fromFrame</a>
+                                <a href="#method_destroy">destroy</a>
 
                                 
                                 
                             </li>
                         
-                            <li class="index-item method">
-                                <a href="#method_render">render</a>
+                            <li class="index-item method private">
+                                <a href="#method_initCanvas">initCanvas</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_initWebGL">initWebGL</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private inherited">
+                                <a href="#method_onBaseTextureLoaded">onBaseTextureLoaded</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderCanvas">renderCanvas</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderWebGL">renderWebGL</a>
 
                                 
                                 
@@ -374,6 +422,13 @@ renderTexture.render(doc);  // Renders to center of renderTexture
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_trim">trim</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -390,8 +445,8 @@ renderTexture.render(doc);  // Renders to center of renderTexture
                 <h2 class="off-left">Methods</h2>
 
                 
-                    <div id="method_fromFrame" class="method item inherited">
-    <h3 class="name"><code>fromFrame</code></h3>
+                    <div id="method_destroy" class="method item inherited">
+    <h3 class="name"><code>destroy</code></h3>
 
     
         <div class="args">
@@ -399,7 +454,7 @@ renderTexture.render(doc);  // Renders to center of renderTexture
             
                 <li class="arg">
                     
-                        <code>frameId</code>
+                        <code>destroyBase</code>
                     
                 </li>
             
@@ -408,10 +463,6 @@ renderTexture.render(doc);  // Renders to center of renderTexture
     
 
     
-        <span class="returns-inline">
-            <span class="type"></span>
-        </span>
-    
 
     
 
@@ -429,11 +480,11 @@ renderTexture.render(doc);  // Renders to center of renderTexture
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Texture.html#method_fromFrame">Texture</a>:
+                <a href="../classes/Texture.html#method_destroy">Texture</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l127"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:127</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l93"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:93</code></a>
         
         </p>
 
@@ -444,8 +495,8 @@ renderTexture.render(doc);  // Renders to center of renderTexture
     </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>
+        <p>Destroys this texture</p>
+
     </div>
 
     
@@ -456,14 +507,15 @@ renderTexture.render(doc);  // Renders to center of renderTexture
             
                 <li class="param">
                     
-                        <code class="param-name">frameId</code>
-                        <span class="type">String</span>
+                        <code class="param-name">destroyBase</code>
+                        <span class="type">Boolean</span>
                     
 
                     
 
                     <div class="param-description">
-                        <p>The frame id of the texture</p>
+                        <p>Whether to destroy the base texture as well</p>
+
                     </div>
 
                     
@@ -474,24 +526,214 @@ renderTexture.render(doc);  // Renders to center of renderTexture
     
 
     
-        <div class="returns">
-            <h4>Returns:</h4>
 
-            <div class="returns-description">
+    
+</div>
+
                 
-                    
-                    Texture
+                    <div id="method_initCanvas" class="method item private">
+    <h3 class="name"><code>initCanvas</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
                 
-            </div>
-        </div>
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_RenderTexture.js.html#l125"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:125</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Initializes the canvas data for this texture</p>
+
+    </div>
+
+    
+
     
 
     
 </div>
 
                 
-                    <div id="method_render" class="method item">
-    <h3 class="name"><code>render</code></h3>
+                    <div id="method_initWebGL" class="method item private">
+    <h3 class="name"><code>initWebGL</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_RenderTexture.js.html#l57"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:57</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Initializes the webgl data for this texture</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onBaseTextureLoaded" class="method item private inherited">
+    <h3 class="name"><code>onBaseTextureLoaded</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Texture.html#method_onBaseTextureLoaded">Texture</a>:
+            
+        
+        
+        <a href="../files/src_pixi_textures_Texture.js.html#l73"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:73</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Called when the base texture is loaded</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderCanvas" class="method item private">
+    <h3 class="name"><code>renderCanvas</code></h3>
 
     
         <div class="args">
@@ -518,6 +760,8 @@ renderTexture.render(doc);  // Renders to center of renderTexture
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -538,7 +782,7 @@ renderTexture.render(doc);  // Renders to center of renderTexture
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_RenderTexture.js.html#l112"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:112</code></a>
+        <a href="../files/src_pixi_textures_RenderTexture.js.html#l214"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:214</code></a>
         
         </p>
 
@@ -550,6 +794,7 @@ renderTexture.render(doc);  // Renders to center of renderTexture
 
     <div class="description">
         <p>This function will draw the display object to the texture.</p>
+
     </div>
 
     
@@ -567,7 +812,8 @@ renderTexture.render(doc);  // Renders to center of renderTexture
                     
 
                     <div class="param-description">
-                         
+                        <p>The display object to render this texture on</p>
+
                     </div>
 
                     
@@ -583,6 +829,120 @@ renderTexture.render(doc);  // Renders to center of renderTexture
 
                     <div class="param-description">
                         <p>If true the texture will be cleared before the displayObject is drawn</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderWebGL" class="method item private">
+    <h3 class="name"><code>renderWebGL</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>clear</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_RenderTexture.js.html#l141"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:141</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>This function will draw the display object to the texture.</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">
+                        <p>The display object to render this texture on</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">clear</code>
+                        <span class="type">Boolean</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>If true the texture will be cleared before the displayObject is drawn</p>
+
                     </div>
 
                     
@@ -633,11 +993,11 @@ renderTexture.render(doc);  // Renders to center of renderTexture
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Texture.html#method_setFrame">Texture</a>:
+                <a href="../classes/Texture.html#method_setFrame">Texture</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l83"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:83</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l104"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:104</code></a>
         
         </p>
 
@@ -649,6 +1009,7 @@ renderTexture.render(doc);  // Renders to center of renderTexture
 
     <div class="description">
         <p>Specifies the rectangle region of the baseTexture</p>
+
     </div>
 
     
@@ -666,7 +1027,8 @@ renderTexture.render(doc);  // Renders to center of renderTexture
                     
 
                     <div class="param-description">
-                         
+                        <p>The frame of the texture to set it to</p>
+
                     </div>
 
                     
@@ -706,11 +1068,11 @@ renderTexture.render(doc);  // Renders to center of renderTexture
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Texture.html#property_baseTexture">Texture</a>:
+                <a href="../classes/Texture.html#property_baseTexture">Texture</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l31"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:31</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l31"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:31</code></a>
         
         </p>
 
@@ -721,6 +1083,7 @@ renderTexture.render(doc);  // Renders to center of renderTexture
 
     <div class="description">
         <p>The base texture of this texture</p>
+
     </div>
 
     
@@ -733,7 +1096,7 @@ renderTexture.render(doc);  // Renders to center of renderTexture
                 
                     <div id="property_frame" class="property item inherited">
     <h3 class="name"><code>frame</code></h3>
-    <span class="type">#Rectangle</span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
 
     
 
@@ -747,11 +1110,11 @@ renderTexture.render(doc);  // Renders to center of renderTexture
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Texture.html#property_frame">Texture</a>:
+                <a href="../classes/Texture.html#property_frame">Texture</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l40"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:40</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l39"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:39</code></a>
         
         </p>
 
@@ -762,6 +1125,49 @@ renderTexture.render(doc);  // Renders to center of renderTexture
 
     <div class="description">
         <p>The frame specifies the region of the base texture that this texture uses</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_trim" class="property item inherited">
+    <h3 class="name"><code>trim</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Texture.html#property_trim">Texture</a>:
+            
+        
+        
+        <a href="../files/src_pixi_textures_Texture.js.html#l47"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:47</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The trim point</p>
+
     </div>
 
     
@@ -787,13 +1193,13 @@ renderTexture.render(doc);  // Renders to center of renderTexture
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/SepiaFilter.html b/docs/classes/SepiaFilter.html
new file mode 100644
index 0000000..7911051
--- /dev/null
+++ b/docs/classes/SepiaFilter.html
@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>SepiaFilter - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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>SepiaFilter Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/src_pixi_filters_SepiaFilter.js.html#l7"><code>src&#x2F;pixi&#x2F;filters&#x2F;SepiaFilter.js:7</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/PIXI.html">PIXI</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This applies a sepia effect to your displayObjects.</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 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">
+                        
+                            <li class="index-item property">
+                                <a href="#property_sepia">sepia</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+        </div>
+
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_sepia" class="property item">
+    <h3 class="name"><code>sepia</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_filters_SepiaFilter.js.html#l44"><code>src&#x2F;pixi&#x2F;filters&#x2F;SepiaFilter.js:44</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The strength of the sepia. 1 will apply the full sepia effect, 0 will make the object its normal color</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/classes/Spine.html b/docs/classes/Spine.html
index 07fba75..2152e64 100644
--- a/docs/classes/Spine.html
+++ b/docs/classes/Spine.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Spine - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,6 +169,15 @@
                         <h1>Spine Class</h1>
 <div class="box meta">
     
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
+        </div>
+    
 
     
         <div class="extends">
@@ -154,7 +187,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_loaders_SpineLoader.js.html#l10"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:10</code></a>
+            Defined in: <a href="../files/src_pixi_loaders_SpineLoader.js.html#l10"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:10</code></a>
         </div>
     
 
@@ -171,11 +204,12 @@
 
 <div class="box intro">
     <p>The Spine loader is used to load in JSON spine data
-To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
-Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
-See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
-You will need to generate a sprite sheet to accompany the spine data 
-When loaded this class will dispatch a "loaded" event</p>
+To generate the data you need to use <a href="http://esotericsoftware.com/">http://esotericsoftware.com/</a> and export the &quot;JSON&quot; format
+Due to a clash of names  You will need to change the extension of the spine file from <em>.json to </em>.anim for it to load
+See example 12 (<a href="http://www.goodboydigital.com/pixijs/examples/12/">http://www.goodboydigital.com/pixijs/examples/12/</a>) to see a working example and check out the source
+You will need to generate a sprite sheet to accompany the spine data
+When loaded this class will dispatch a &quot;loaded&quot; event</p>
+
 </div>
 
 
@@ -223,7 +257,7 @@ When loaded this class will dispatch a "loaded" event</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_SpineLoader.js.html#l10"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:10</code></a>
+        <a href="../files/src_pixi_loaders_SpineLoader.js.html#l10"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:10</code></a>
         
         </p>
 
@@ -252,7 +286,8 @@ When loaded this class will dispatch a "loaded" event</p>
                     
 
                     <div class="param-description">
-                        <p>the url of the spine anim file to be used</p>
+                        <p>The url of the spine anim file to be used</p>
+
                     </div>
 
                     
@@ -320,6 +355,13 @@ When loaded this class will dispatch a "loaded" event</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_load">load</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -355,6 +397,20 @@ When loaded this class will dispatch a "loaded" event</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onJSONLoaded">onJSONLoaded</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onLoaded">onLoaded</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -364,14 +420,16 @@ When loaded this class will dispatch a "loaded" event</p>
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -416,6 +474,13 @@ When loaded this class will dispatch a "loaded" event</p>
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -435,6 +500,34 @@ When loaded this class will dispatch a "loaded" event</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_crossorigin">crossorigin</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -449,6 +542,20 @@ When loaded this class will dispatch a "loaded" event</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_loaded">loaded</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -477,6 +584,13 @@ When loaded this class will dispatch a "loaded" event</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -498,6 +612,13 @@ When loaded this class will dispatch a "loaded" event</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_url">url</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -505,6 +626,20 @@ When loaded this class will dispatch a "loaded" event</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -530,7 +665,7 @@ When loaded this class will dispatch a "loaded" event</p>
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -556,11 +691,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -572,6 +707,7 @@ When loaded this class will dispatch a "loaded" event</p>
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -582,14 +718,15 @@ When loaded this class will dispatch a "loaded" event</p>
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -614,7 +751,7 @@ When loaded this class will dispatch a "loaded" event</p>
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -646,11 +783,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -662,6 +799,7 @@ When loaded this class will dispatch a "loaded" event</p>
 
     <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>
 
     
@@ -672,14 +810,15 @@ When loaded this class will dispatch a "loaded" event</p>
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -694,7 +833,8 @@ When loaded this class will dispatch a "loaded" event</p>
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -745,11 +885,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -761,6 +901,7 @@ When loaded this class will dispatch a "loaded" event</p>
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -772,7 +913,7 @@ When loaded this class will dispatch a "loaded" event</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -829,11 +970,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -845,6 +986,7 @@ When loaded this class will dispatch a "loaded" event</p>
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -862,7 +1004,8 @@ When loaded this class will dispatch a "loaded" event</p>
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -875,6 +1018,61 @@ When loaded this class will dispatch a "loaded" event</p>
     
 
     
+</div>
+
+                
+                    <div id="method_load" class="method item">
+    <h3 class="name"><code>load</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpineLoader.js.html#l56"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:56</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Loads the JSON data</p>
+
+    </div>
+
+    
+
+    
+
+    
 </div>
 
                 
@@ -913,11 +1111,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -929,6 +1127,7 @@ When loaded this class will dispatch a "loaded" event</p>
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -940,7 +1139,7 @@ When loaded this class will dispatch a "loaded" event</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -997,11 +1196,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1013,6 +1212,7 @@ When loaded this class will dispatch a "loaded" event</p>
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1024,7 +1224,7 @@ When loaded this class will dispatch a "loaded" event</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1081,11 +1281,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1097,6 +1297,7 @@ When loaded this class will dispatch a "loaded" event</p>
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1108,7 +1309,7 @@ When loaded this class will dispatch a "loaded" event</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1165,11 +1366,11 @@ When loaded this class will dispatch a "loaded" event</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1182,6 +1383,7 @@ When loaded this class will dispatch a "loaded" event</p>
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1193,7 +1395,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1250,11 +1452,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1267,6 +1469,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1278,7 +1481,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1297,6 +1500,120 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+</div>
+
+                
+                    <div id="method_onJSONLoaded" class="method item private">
+    <h3 class="name"><code>onJSONLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpineLoader.js.html#l72"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:72</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoke when JSON file is loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onLoaded" class="method item private">
+    <h3 class="name"><code>onLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpineLoader.js.html#l87"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:87</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoke when JSON file is loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
 </div>
 
                 
@@ -1309,7 +1626,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1335,11 +1652,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1351,6 +1668,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1361,14 +1679,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1384,7 +1703,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -1404,6 +1723,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1419,16 +1740,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1436,6 +1759,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1469,7 +1793,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
+                    <div id="method_swapChildren" class="method item private inherited">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -1478,13 +1802,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -1497,6 +1821,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -1510,11 +1836,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -1525,7 +1851,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -1536,7 +1863,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1551,7 +1878,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1609,11 +1936,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1626,6 +1953,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1637,7 +1965,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1694,11 +2022,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -1710,6 +2038,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -1721,7 +2050,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1778,11 +2107,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -1795,6 +2124,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -1806,7 +2136,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1863,11 +2193,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -1878,7 +2208,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -1890,7 +2221,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1920,6 +2251,50 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -1936,11 +2311,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -1951,6 +2326,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -1977,11 +2353,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -1992,6 +2368,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -2004,7 +2381,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2018,11 +2395,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2033,6 +2410,184 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_crossorigin" class="property item">
+    <h3 class="name"><code>crossorigin</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpineLoader.js.html#l36"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:36</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Whether the requests should be treated as cross origin</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
     </div>
 
     
@@ -2045,7 +2600,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -2059,11 +2614,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2075,6 +2630,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2101,11 +2657,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -2116,6 +2672,98 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_loaded" class="property item">
+    <h3 class="name"><code>loaded</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpineLoader.js.html#l44"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:44</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether the data has loaded yet</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2128,7 +2776,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2142,11 +2790,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2159,6 +2807,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2185,11 +2834,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2200,6 +2849,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -2226,11 +2876,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -2241,6 +2891,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -2267,11 +2918,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -2282,6 +2933,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -2308,11 +3002,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -2323,6 +3017,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -2349,11 +3044,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -2364,6 +3059,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -2390,11 +3086,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -2405,6 +3101,52 @@ To remove a mask, set this property to null.</p>
 
     <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_url" class="property item">
+    <h3 class="name"><code>url</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpineLoader.js.html#l28"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js:28</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The url of the bitmap font data</p>
+
     </div>
 
     
@@ -2431,11 +3173,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -2446,6 +3188,93 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -2471,13 +3300,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/Sprite.html b/docs/classes/Sprite.html
index aea92ff..2916b16 100644
--- a/docs/classes/Sprite.html
+++ b/docs/classes/Sprite.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Sprite - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l10"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:10</code></a>
+            Defined in: <a href="../files/src_pixi_display_Sprite.js.html#l10"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:10</code></a>
         </div>
     
 
@@ -170,7 +194,8 @@
 
 
 <div class="box intro">
-    
+    <p>The SPrite object is the base for all textured objects that are rendered to the screen</p>
+
 </div>
 
 
@@ -218,7 +243,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l10"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:10</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l10"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:10</code></a>
         
         </p>
 
@@ -247,7 +272,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The texture for this sprite</p>
+
                     </div>
 
                     
@@ -368,6 +394,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onTextureUpdate">onTextureUpdate</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -377,11 +410,13 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -391,7 +426,7 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -436,6 +471,27 @@
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private">
+                                <a href="#property__height">_height</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property__width">_width</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -469,6 +525,27 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property">
@@ -490,6 +567,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -518,6 +602,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -560,6 +651,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -585,7 +690,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -611,11 +716,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -627,6 +732,7 @@
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -637,14 +743,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -669,7 +776,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -701,11 +808,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -717,6 +824,7 @@
 
     <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>
 
     
@@ -727,14 +835,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -749,7 +858,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -800,11 +910,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -816,6 +926,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -827,7 +938,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -897,7 +1008,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:135</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:165</code></a>
         
         </p>
 
@@ -910,6 +1021,7 @@
     <div class="description">
         <p>Helper function that creates a sprite that will contain a texture from the TextureCache based on the frameId
  The frame ids are created when a Texture packer file has been loaded</p>
+
     </div>
 
     
@@ -928,6 +1040,7 @@
 
                     <div class="param-description">
                         <p>The frame Id of the texture in the cache</p>
+
                     </div>
 
                     
@@ -946,7 +1059,8 @@
                     
                         <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
+                    <p>A new Sprite using a texture from the texture cache matching the frameId</p>
+
                 
             </div>
         </div>
@@ -965,7 +1079,7 @@
             
                 <li class="arg">
                     
-                        <code>The</code>
+                        <code>imageId</code>
                     
                 </li>
             
@@ -1004,7 +1118,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l151"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:151</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l182"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:182</code></a>
         
         </p>
 
@@ -1017,6 +1131,7 @@
     <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>
 
     
@@ -1027,14 +1142,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">The</code>
-                        <span class="type">Object</span>
+                        <code class="param-name">imageId</code>
+                        <span class="type">String</span>
                     
 
                     
 
                     <div class="param-description">
-                        <p>image url of the texture</p>
+                        <p>The image url of the texture</p>
+
                     </div>
 
                     
@@ -1053,7 +1169,8 @@
                     
                         <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
+                    <p>A new Sprite using a texture from the texture cache matching the image id</p>
+
                 
             </div>
         </div>
@@ -1098,11 +1215,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -1114,6 +1231,7 @@
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -1131,7 +1249,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -1182,11 +1301,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -1198,6 +1317,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -1209,7 +1329,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1266,11 +1386,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1282,6 +1402,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1293,7 +1414,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1350,11 +1471,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1366,6 +1487,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1377,7 +1499,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1434,11 +1556,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1451,6 +1573,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1462,7 +1585,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1519,11 +1642,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1536,6 +1659,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1547,7 +1671,97 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onTextureUpdate" class="method item private">
+    <h3 class="name"><code>onTextureUpdate</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:145</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>When the texture is updated, this event will fire to update the scale and frame</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
                     
 
                     
@@ -1578,7 +1792,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1604,11 +1818,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1620,6 +1834,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1630,14 +1845,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1653,7 +1869,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -1673,6 +1889,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1688,16 +1906,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1705,6 +1925,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1780,7 +2001,7 @@ Instead of using this function you can now simply set the interactive property t
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l103"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:103</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l118"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:118</code></a>
         
         </p>
 
@@ -1791,7 +2012,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        
+        <p>Sets the texture of the sprite</p>
+
     </div>
 
     
@@ -1810,6 +2032,7 @@ Instead of using this function you can now simply set the interactive property t
 
                     <div class="param-description">
                         <p>The PIXI texture that is displayed by the sprite</p>
+
                     </div>
 
                     
@@ -1825,7 +2048,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
+                    <div id="method_swapChildren" class="method item private inherited">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -1834,13 +2057,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -1853,6 +2076,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -1866,11 +2091,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -1881,7 +2106,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -1892,7 +2118,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1907,7 +2133,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1965,11 +2191,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1982,6 +2208,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1993,7 +2220,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2050,11 +2277,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -2066,6 +2293,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -2077,7 +2305,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2134,11 +2362,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -2151,6 +2379,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -2162,7 +2391,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2219,11 +2448,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -2234,7 +2463,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -2246,7 +2476,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2276,6 +2506,144 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__height" class="property item private">
+    <h3 class="name"><code>_height</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l60"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:60</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__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property__width" class="property item private">
+    <h3 class="name"><code>_width</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l51"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:51</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The width of the sprite (this is initially set by the texture)</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -2292,11 +2660,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -2307,6 +2675,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -2340,7 +2709,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l21"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:21</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:23</code></a>
         
         </p>
 
@@ -2354,6 +2723,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 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>
 
     
@@ -2366,7 +2736,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
                 
                     <div id="property_blendMode" class="property item">
     <h3 class="name"><code>blendMode</code></h3>
-    <span class="type">Uint</span>
+    <span class="type">Number</span>
 
     
 
@@ -2387,7 +2757,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l38"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:38</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:42</code></a>
         
         </p>
 
@@ -2399,6 +2769,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
     <div class="description">
         <p>The blend mode of sprite.
 currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
+
     </div>
 
     
@@ -2425,11 +2796,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -2440,6 +2811,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -2452,7 +2824,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2466,11 +2838,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2481,6 +2853,139 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
     </div>
 
     
@@ -2493,7 +2998,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_height" class="property item">
     <h3 class="name"><code>height</code></h3>
-    <span class="type">#Number</span>
+    <span class="type">Number</span>
 
     
 
@@ -2514,7 +3019,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l53"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:53</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l102"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:102</code></a>
         
         </p>
 
@@ -2524,7 +3029,8 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
     </div>
 
     <div class="description">
-        <p>The height of the sprite (this is initially set by the texture)</p>
+        <p>The height of the sprite, setting this will actually modify the scale to acheive the value set</p>
+
     </div>
 
     
@@ -2537,7 +3043,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -2551,11 +3057,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2567,6 +3073,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2593,11 +3100,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -2608,6 +3115,53 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2620,7 +3174,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2634,11 +3188,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2651,6 +3205,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2677,11 +3232,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2692,6 +3247,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -2718,11 +3274,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -2733,6 +3289,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -2759,11 +3316,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -2774,6 +3331,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -2800,11 +3400,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -2815,6 +3415,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -2841,11 +3442,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -2856,6 +3457,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -2882,11 +3484,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -2897,6 +3499,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -2930,7 +3533,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:31</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l34"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:34</code></a>
         
         </p>
 
@@ -2941,6 +3544,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The texture that the sprite is using</p>
+
     </div>
 
     
@@ -2967,11 +3571,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -2982,6 +3586,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
     </div>
 
     
@@ -2994,7 +3599,7 @@ To remove a mask, set this property to null.</p>
                 
                     <div id="property_width" class="property item">
     <h3 class="name"><code>width</code></h3>
-    <span class="type">#Number</span>
+    <span class="type">Number</span>
 
     
 
@@ -3015,7 +3620,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l46"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:46</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l86"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:86</code></a>
         
         </p>
 
@@ -3025,7 +3630,94 @@ To remove a mask, set this property to null.</p>
     </div>
 
     <div class="description">
-        <p>The width of the sprite (this is initially set by the texture)</p>
+        <p>The width of the sprite, setting this will actually modify the scale to acheive the value set</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -3051,13 +3743,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/SpriteSheetLoader.html b/docs/classes/SpriteSheetLoader.html
index f1091f0..824e84c 100644
--- a/docs/classes/SpriteSheetLoader.html
+++ b/docs/classes/SpriteSheetLoader.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>SpriteSheetLoader - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,16 +169,21 @@
                         <h1>SpriteSheetLoader Class</h1>
 <div class="box meta">
     
-
-    
-        <div class="extends">
-            Extends EventTarget
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
         </div>
     
 
     
+
+    
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_loaders_SpriteSheetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:5</code></a>
         </div>
     
 
@@ -171,12 +200,13 @@
 
 <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
+To generate the data you can use <a href="http://www.codeandweb.com/texturepacker">http://www.codeandweb.com/texturepacker</a> 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") as it means sprite"s can be batched and drawn together for highly increased rendering speed.
+It is highly recommended to use Sprite sheets (also know as texture atlas&quot;) as it means sprite&quot;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>
+When loaded this class will dispatch a &quot;loaded&quot; event</p>
+
 </div>
 
 
@@ -230,7 +260,7 @@ When loaded this class will dispatch a "loaded" event</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_loaders_SpriteSheetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:5</code></a>
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:5</code></a>
         
         </p>
 
@@ -259,7 +289,8 @@ When loaded this class will dispatch a "loaded" event</p>
                     
 
                     <div class="param-description">
-                        <p>the url of the sprite sheet JSON file</p>
+                        <p>The url of the sprite sheet JSON file</p>
+
                     </div>
 
                     
@@ -274,7 +305,8 @@ When loaded this class will dispatch a "loaded" event</p>
                     
 
                     <div class="param-description">
-                         
+                        <p>Whether requests should be treated as crossorigin</p>
+
                     </div>
 
                     
@@ -297,6 +329,10 @@ When loaded this class will dispatch a "loaded" event</p>
         <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>
         
         
         
@@ -307,7 +343,79 @@ When loaded this class will dispatch a "loaded" event</p>
             <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_load">load</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onJSONLoaded">onJSONLoaded</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onLoaded">onLoaded</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_baseUrl">baseUrl</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_crossorigin">crossorigin</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_frames">frames</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_texture">texture</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_url">url</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
             
 
             
@@ -316,7 +424,413 @@ When loaded this class will dispatch a "loaded" event</p>
         </div>
 
         
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
 
+                
+                    <div id="method_load" class="method item">
+    <h3 class="name"><code>load</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l74"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:74</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>This will begin loading the JSON file</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onJSONLoaded" class="method item private">
+    <h3 class="name"><code>onJSONLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l89"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:89</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoke when JSON file is loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onLoaded" class="method item private">
+    <h3 class="name"><code>onLoaded</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l126"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:126</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Invoke when all files are loaded (json and texture)</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_baseUrl" class="property item">
+    <h3 class="name"><code>baseUrl</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l45"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:45</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The base url of the bitmap font data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_crossorigin" class="property item">
+    <h3 class="name"><code>crossorigin</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l37"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:37</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Whether the requests should be treated as cross origin</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_frames" class="property item">
+    <h3 class="name"><code>frames</code></h3>
+    <span class="type">Object</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l62"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:62</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The frames of the sprite sheet</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="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l54"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:54</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The texture being loaded</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_url" class="property item">
+    <h3 class="name"><code>url</code></h3>
+    <span class="type">String</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l29"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:29</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The url of the bitmap font data</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
         
 
         
@@ -331,13 +845,13 @@ When loaded this class will dispatch a "loaded" event</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/Stage.html b/docs/classes/Stage.html
index e145e0c..84ad082 100644
--- a/docs/classes/Stage.html
+++ b/docs/classes/Stage.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Stage - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_display_Stage.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_display_Stage.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:5</code></a>
         </div>
     
 
@@ -171,6 +195,7 @@
 
 <div class="box intro">
     <p>A Stage represents the root of the display tree. Everything connected to the stage is rendered</p>
+
 </div>
 
 
@@ -189,12 +214,6 @@
                     
                 </li>
             
-                <li class="arg">
-                    
-                        <code>interactive</code>
-                    
-                </li>
-            
             </ul><span class="paren">)</span>
         </div>
     
@@ -224,7 +243,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Stage.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:5</code></a>
+        <a href="../files/src_pixi_display_Stage.js.html#l5"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:5</code></a>
         
         </p>
 
@@ -253,22 +272,9 @@
                     
 
                     <div class="param-description">
-                        <p>the background color of the stage</p>
-                    </div>
+                        <p>the background color of the stage, easiest way to pass this in is in hex format
+        like: 0xFFFFFF for white</p>
 
-                    
-                </li>
-            
-                <li class="param">
-                    
-                        <code class="param-name">interactive</code>
-                        <span class="type">Boolean</span>
-                    
-
-                    
-
-                    <div class="param-description">
-                        <p>enable / disable interaction (default is false)</p>
                     </div>
 
                     
@@ -394,14 +400,23 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
-                                <a href="#method_setInteractive">setInteractive</a>
+                            <li class="index-item method">
+                                <a href="#method_setInteractionDelegate">setInteractionDelegate</a>
 
                                 
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
+                                <a href="#method_setInteractive">setInteractive</a>
+
+                                
+                                
+                                    <span class="flag deprecated">deprecated</span>
+                                
+                            </li>
+                        
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -434,13 +449,6 @@
 
                                 
                                 
-                            </li>
-                        
-                            <li class="index-item method">
-                                <a href="#method_updateTransform">updateTransform</a>
-
-                                
-                                
                             </li>
                         
                     </ul>
@@ -453,6 +461,13 @@
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -472,6 +487,34 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private">
+                                <a href="#property_dirty">dirty</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -479,6 +522,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_interactive">interactive</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -486,6 +536,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -514,6 +571,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -542,6 +606,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -567,7 +645,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -593,11 +671,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -609,6 +687,7 @@
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -619,14 +698,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -651,7 +731,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -683,11 +763,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -699,6 +779,7 @@
 
     <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>
 
     
@@ -709,14 +790,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -731,7 +813,8 @@
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -782,11 +865,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -798,6 +881,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -809,7 +893,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -866,11 +950,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -882,6 +966,7 @@
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -899,7 +984,8 @@
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -951,7 +1037,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Stage.js.html#l78"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:78</code></a>
+        <a href="../files/src_pixi_display_Stage.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:125</code></a>
         
         </p>
 
@@ -963,6 +1049,7 @@
 
     <div class="description">
         <p>This will return the point containing global coords of the mouse.</p>
+
     </div>
 
     
@@ -976,7 +1063,8 @@
                     
                         <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>:
                     
-                    The point containing the coords of the global InteractionData position.
+                    <p>The point containing the coords of the global InteractionData position.</p>
+
                 
             </div>
         </div>
@@ -1021,11 +1109,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -1037,6 +1125,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -1048,7 +1137,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1105,11 +1194,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1121,6 +1210,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1132,7 +1222,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1189,11 +1279,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1205,6 +1295,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1216,7 +1307,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1273,11 +1364,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1290,6 +1381,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1301,7 +1393,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1358,11 +1450,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1375,6 +1467,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1386,7 +1479,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1417,7 +1510,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1443,11 +1536,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1459,6 +1552,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1469,14 +1563,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1534,7 +1629,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Stage.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:65</code></a>
+        <a href="../files/src_pixi_display_Stage.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:109</code></a>
         
         </p>
 
@@ -1545,7 +1640,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     </div>
 
     <div class="description">
-        
+        <p>Sets the background color for the stage</p>
+
     </div>
 
     
@@ -1563,7 +1659,9 @@ for this callback to be fired, The touch must have started over the displayObjec
                     
 
                     <div class="param-description">
-                         
+                        <p>the color of the background, easiest way to pass this in is in hex format
+        like: 0xFFFFFF for white</p>
+
                     </div>
 
                     
@@ -1579,8 +1677,8 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
-    <h3 class="name"><code>setInteractive</code></h3>
+                    <div id="method_setInteractionDelegate" class="method item">
+    <h3 class="name"><code>setInteractionDelegate</code></h3>
 
     
         <div class="args">
@@ -1588,7 +1686,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>interactive</code>
+                        <code>domElement</code>
                     
                 </li>
             
@@ -1613,12 +1711,15 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="meta">
         
             
-                <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                
+                <p>
+                
+                Defined in
+                
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_Stage.js.html#l70"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:70</code></a>
         
         </p>
 
@@ -1626,11 +1727,103 @@ for this callback to be fired, The touch must have started over the displayObjec
         
 
         
+    </div>
+
+    <div class="description">
+        <p>Sets another DOM element which can receive mouse/touch interactions instead of the default Canvas element.
+This is useful for when you have other DOM elements ontop of the Canvas element.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">domElement</code>
+                        <span class="type">DOMElement</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>This new domElement which will receive mouse/touch events</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_setInteractive" class="method item deprecated inherited">
+    <h3 class="name"><code>setInteractive</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>interactive</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
+        
+        </p>
+
+
+        
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
+
+        
     </div>
 
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1664,7 +1857,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
+                    <div id="method_swapChildren" class="method item private inherited">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -1673,13 +1866,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -1692,6 +1885,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -1705,11 +1900,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -1720,7 +1915,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -1731,7 +1927,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1746,7 +1942,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1804,11 +2000,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1821,6 +2017,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1832,7 +2029,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1889,11 +2086,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -1905,6 +2102,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -1916,7 +2114,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1973,11 +2171,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -1990,6 +2188,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -2001,7 +2200,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2058,11 +2257,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -2073,7 +2272,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -2085,7 +2285,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2107,21 +2307,22 @@ for this callback to be fired, The touch must have started over the sprite</p>
 </div>
 
                 
-                    <div id="method_updateTransform" class="method item">
-    <h3 class="name"><code>updateTransform</code></h3>
+            </div>
+        
 
-    
-        <span class="paren">()</span>
-    
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
 
     
 
     
-
-    
-
-    
-
+        <span class="flag private">private</span>
     
 
     
@@ -2131,26 +2332,23 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="meta">
         
             
-                
-                <p>
-                
-                Defined in
-                
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Stage.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
         
         </p>
 
-
         
 
         
     </div>
 
     <div class="description">
-        
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
     </div>
 
     
@@ -2161,14 +2359,6 @@ for this callback to be fired, The touch must have started over the sprite</p>
 </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>
@@ -2185,11 +2375,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -2200,6 +2390,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -2226,11 +2417,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -2241,6 +2432,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -2253,7 +2445,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2267,11 +2459,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2282,6 +2474,186 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dirty" class="property item private">
+    <h3 class="name"><code>dirty</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_Stage.js.html#l44"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:44</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Whether the stage is dirty and needs to have interactions updated</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
     </div>
 
     
@@ -2294,7 +2666,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -2308,11 +2680,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2324,6 +2696,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2334,7 +2707,52 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 </div>
 
                 
-                    <div id="property_interactive" class="property item inherited">
+                    <div id="property_interactive" class="property item">
+    <h3 class="name"><code>interactive</code></h3>
+    <span class="type">InteractionManager</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_display_Stage.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:36</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The interaction manage for this stage, manages all interactive activity on the stage</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_interactive" class="property item">
     <h3 class="name"><code>interactive</code></h3>
     <span class="type">Boolean</span>
 
@@ -2348,13 +2766,16 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="meta">
         
+            <p>Inherited from
+            <a href="../classes/DisplayObject.html#property_interactive">
+                DisplayObject
+            </a>
             
-                <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+            but overwritten in
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_Stage.js.html#l28"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:28</code></a>
         
         </p>
 
@@ -2364,7 +2785,52 @@ Setting it is a neat way of optimising the hitTest function that the interaction
     </div>
 
     <div class="description">
-        <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+        <p>Whether or not the stage is interactive</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2377,7 +2843,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2391,11 +2857,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2408,6 +2874,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2434,11 +2901,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2449,6 +2916,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -2475,11 +2943,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -2490,6 +2958,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -2516,11 +2985,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -2531,6 +3000,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -2557,11 +3069,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -2572,6 +3084,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -2598,11 +3111,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -2613,6 +3126,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -2639,11 +3153,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -2654,6 +3168,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -2680,11 +3195,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -2695,6 +3210,96 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            <p>Inherited from
+            <a href="../classes/DisplayObject.html#property_worldTransform">
+                DisplayObject
+            </a>
+            
+            but overwritten in
+            
+        
+        
+        <a href="../files/src_pixi_display_Stage.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:18</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -2720,13 +3325,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/Text.html b/docs/classes/Text.html
index db91c58..e9d556b 100644
--- a/docs/classes/Text.html
+++ b/docs/classes/Text.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Text - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_text_Text.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_text_Text.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:5</code></a>
         </div>
     
 
@@ -170,7 +194,8 @@
 
 
 <div class="box intro">
-    <p>A Text Object will create a line(s) of text to split a line you can use "\n"</p>
+    <p>A Text Object will create a line(s) of text to split a line you can use &quot;\n&quot;</p>
+
 </div>
 
 
@@ -224,7 +249,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_text_Text.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:5</code></a>
+        <a href="../files/src_pixi_text_Text.js.html#l5"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:5</code></a>
         
         </p>
 
@@ -254,6 +279,7 @@
 
                     <div class="param-description">
                         <p>The copy that you would like the text to display</p>
+
                     </div>
 
                     
@@ -270,6 +296,7 @@
 
                     <div class="param-description">
                         <p>The style parameters</p>
+
                     </div>
 
                     
@@ -283,7 +310,8 @@
                                 
 
                                 <div class="param-description">
-                                    <p>default "bold 20pt Arial" The style and size of the font</p>
+                                    <p>default &quot;bold 20pt Arial&quot; The style and size of the font</p>
+
                                 </div>
 
                                 
@@ -297,7 +325,8 @@
                                 
 
                                 <div class="param-description">
-                                    <p>A canvas fillstyle that will be used on the text eg "red", "#00FF00"</p>
+                                    <p>A canvas fillstyle that will be used on the text eg &quot;red&quot;, &quot;#00FF00&quot;</p>
+
                                 </div>
 
                                 
@@ -311,7 +340,8 @@
                                 
 
                                 <div class="param-description">
-                                    <p>An alignment of the multiline text ("left", "center" or "right")</p>
+                                    <p>An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)</p>
+
                                 </div>
 
                                 
@@ -325,7 +355,8 @@
                                 
 
                                 <div class="param-description">
-                                    <p>A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"</p>
+                                    <p>A canvas fillstyle that will be used on the text stroke eg &quot;blue&quot;, &quot;#FCFF00&quot;</p>
+
                                 </div>
 
                                 
@@ -340,6 +371,7 @@
 
                                 <div class="param-description">
                                     <p>A number that represents the thickness of the stroke. Default is 0 (no stroke)</p>
+
                                 </div>
 
                                 
@@ -354,6 +386,7 @@
 
                                 <div class="param-description">
                                     <p>Indicates if word wrap should be used</p>
+
                                 </div>
 
                                 
@@ -368,6 +401,7 @@
 
                                 <div class="param-description">
                                     <p>The width at which text will wrap</p>
+
                                 </div>
 
                                 
@@ -432,6 +466,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_destroy">destroy</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -474,6 +515,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private inherited">
+                                <a href="#method_onTextureUpdate">onTextureUpdate</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -483,11 +531,13 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -504,7 +554,7 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -537,6 +587,34 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateText">updateText</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateTexture">updateTexture</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateTransform">updateTransform</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_wordWrap">wordWrap</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -549,6 +627,27 @@
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__height">_height</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property__width">_width</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -582,6 +681,27 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -603,6 +723,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -631,6 +758,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -673,6 +807,20 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -698,7 +846,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -724,11 +872,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -740,6 +888,7 @@
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -750,14 +899,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -782,7 +932,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -814,11 +964,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -830,6 +980,7 @@
 
     <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>
 
     
@@ -840,14 +991,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -862,7 +1014,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -913,11 +1066,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -929,6 +1082,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -940,7 +1094,95 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_destroy" class="method item">
+    <h3 class="name"><code>destroy</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>destroyTexture</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_text_Text.js.html#l270"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:270</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Destroys this text object</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">destroyTexture</code>
+                        <span class="type">Boolean</span>
                     
 
                     
@@ -997,11 +1239,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -1013,6 +1255,7 @@
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -1030,7 +1273,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -1081,11 +1325,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -1097,6 +1341,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -1108,7 +1353,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1165,11 +1410,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1181,6 +1426,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1192,7 +1438,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1249,11 +1495,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1265,6 +1511,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1276,7 +1523,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1333,11 +1580,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1350,6 +1597,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1361,7 +1609,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1418,11 +1666,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1435,6 +1683,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1446,7 +1695,94 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_onTextureUpdate" class="method item private inherited">
+    <h3 class="name"><code>onTextureUpdate</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Sprite.html#method_onTextureUpdate">Sprite</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:145</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>When the texture is updated, this event will fire to update the scale and frame</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
                     
 
                     
@@ -1477,7 +1813,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1503,11 +1839,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1519,6 +1855,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1529,14 +1866,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1552,7 +1890,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -1572,6 +1910,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1587,16 +1927,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1604,6 +1946,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1685,7 +2028,7 @@ Instead of using this function you can now simply set the interactive property t
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_text_Text.js.html#l37"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:37</code></a>
+        <a href="../files/src_pixi_text_Text.js.html#l38"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:38</code></a>
         
         </p>
 
@@ -1697,6 +2040,7 @@ Instead of using this function you can now simply set the interactive property t
 
     <div class="description">
         <p>Set the style of the text</p>
+
     </div>
 
     
@@ -1716,6 +2060,7 @@ Instead of using this function you can now simply set the interactive property t
 
                     <div class="param-description">
                         <p>The style parameters</p>
+
                     </div>
 
                     
@@ -1729,7 +2074,8 @@ Instead of using this function you can now simply set the interactive property t
                                 
 
                                 <div class="param-description">
-                                    <p>A canvas fillstyle that will be used on the text eg "red", "#00FF00"</p>
+                                    <p>A canvas fillstyle that will be used on the text eg &quot;red&quot;, &quot;#00FF00&quot;</p>
+
                                 </div>
 
                                 
@@ -1743,7 +2089,8 @@ Instead of using this function you can now simply set the interactive property t
                                 
 
                                 <div class="param-description">
-                                    <p>An alignment of the multiline text ("left", "center" or "right")</p>
+                                    <p>An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)</p>
+
                                 </div>
 
                                 
@@ -1757,7 +2104,8 @@ Instead of using this function you can now simply set the interactive property t
                                 
 
                                 <div class="param-description">
-                                    <p>A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"</p>
+                                    <p>A canvas fillstyle that will be used on the text stroke eg &quot;blue&quot;, &quot;#FCFF00&quot;</p>
+
                                 </div>
 
                                 
@@ -1772,6 +2120,7 @@ Instead of using this function you can now simply set the interactive property t
 
                                 <div class="param-description">
                                     <p>A number that represents the thickness of the stroke. Default is 0 (no stroke)</p>
+
                                 </div>
 
                                 
@@ -1786,6 +2135,7 @@ Instead of using this function you can now simply set the interactive property t
 
                                 <div class="param-description">
                                     <p>Indicates if word wrap should be used</p>
+
                                 </div>
 
                                 
@@ -1800,6 +2150,7 @@ Instead of using this function you can now simply set the interactive property t
 
                                 <div class="param-description">
                                     <p>The width at which text will wrap</p>
+
                                 </div>
 
                                 
@@ -1818,7 +2169,8 @@ Instead of using this function you can now simply set the interactive property t
                     
 
                     <div class="param-description">
-                        <p>20pt Arial"] The style and size of the font</p>
+                        <p>20pt Arial&quot;]  The style and size of the font</p>
+
                     </div>
 
                     
@@ -1869,11 +2221,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#method_setTexture">Sprite</a>:
+                <a href="../classes/Sprite.html#method_setTexture">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l103"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:103</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l118"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:118</code></a>
         
         </p>
 
@@ -1884,7 +2236,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        
+        <p>Sets the texture of the sprite</p>
+
     </div>
 
     
@@ -1903,6 +2256,7 @@ Instead of using this function you can now simply set the interactive property t
 
                     <div class="param-description">
                         <p>The PIXI texture that is displayed by the sprite</p>
+
                     </div>
 
                     
@@ -1918,7 +2272,7 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
+                    <div id="method_swapChildren" class="method item private inherited">
     <h3 class="name"><code>swapChildren</code></h3>
 
     
@@ -1927,13 +2281,13 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>DisplayObject2</code>
+                        <code>child2</code>
                     
                 </li>
             
@@ -1946,6 +2300,8 @@ Instead of using this function you can now simply set the interactive property t
     
 
     
+        <span class="flag private">private</span>
+    
 
     
 
@@ -1959,11 +2315,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
         
         </p>
 
@@ -1974,7 +2330,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
     </div>
 
     
@@ -1985,7 +2342,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -2000,7 +2357,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -2058,11 +2415,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -2075,6 +2432,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -2086,7 +2444,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2143,11 +2501,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -2159,6 +2517,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -2170,7 +2529,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2227,11 +2586,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -2244,6 +2603,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -2255,7 +2615,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -2312,11 +2672,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -2327,7 +2687,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -2339,7 +2700,268 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateText" class="method item private">
+    <h3 class="name"><code>updateText</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_text_Text.js.html#l77"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:77</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders text</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateTexture" class="method item private">
+    <h3 class="name"><code>updateTexture</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_text_Text.js.html#l148"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:148</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates texture size based on canvas size</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateTransform" class="method item private">
+    <h3 class="name"><code>updateTransform</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_text_Text.js.html#l167"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:167</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates the transfor of this object</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_wordWrap" class="method item private">
+    <h3 class="name"><code>wordWrap</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>text</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_text_Text.js.html#l216"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:216</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>A Text Object will apply wordwrap</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">text</code>
+                        <span class="type">String</span>
                     
 
                     
@@ -2369,6 +2991,138 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__height" class="property item private inherited">
+    <h3 class="name"><code>_height</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Sprite.html#property__height">Sprite</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l60"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:60</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__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property__width" class="property item private inherited">
+    <h3 class="name"><code>_width</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/Sprite.html#property__width">Sprite</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_Sprite.js.html#l51"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:51</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The width of the sprite (this is initially set by the texture)</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -2385,11 +3139,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -2400,6 +3154,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -2426,11 +3181,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_anchor">Sprite</a>:
+                <a href="../classes/Sprite.html#property_anchor">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l21"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:21</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:23</code></a>
         
         </p>
 
@@ -2444,6 +3199,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 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>
 
     
@@ -2456,7 +3212,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
                 
                     <div id="property_blendMode" class="property item inherited">
     <h3 class="name"><code>blendMode</code></h3>
-    <span class="type">Uint</span>
+    <span class="type">Number</span>
 
     
 
@@ -2470,11 +3226,11 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_blendMode">Sprite</a>:
+                <a href="../classes/Sprite.html#property_blendMode">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l38"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:38</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:42</code></a>
         
         </p>
 
@@ -2486,6 +3242,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
     <div class="description">
         <p>The blend mode of sprite.
 currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
+
     </div>
 
     
@@ -2512,11 +3269,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -2527,6 +3284,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -2539,7 +3297,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2553,11 +3311,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2568,6 +3326,139 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</p>
+
     </div>
 
     
@@ -2580,7 +3471,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_height" class="property item inherited">
     <h3 class="name"><code>height</code></h3>
-    <span class="type">#Number</span>
+    <span class="type">Number</span>
 
     
 
@@ -2594,11 +3485,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_height">Sprite</a>:
+                <a href="../classes/Sprite.html#property_height">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l53"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:53</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l102"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:102</code></a>
         
         </p>
 
@@ -2608,7 +3499,8 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
     </div>
 
     <div class="description">
-        <p>The height of the sprite (this is initially set by the texture)</p>
+        <p>The height of the sprite, setting this will actually modify the scale to acheive the value set</p>
+
     </div>
 
     
@@ -2621,7 +3513,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -2635,11 +3527,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2651,6 +3543,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2677,11 +3570,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -2692,6 +3585,53 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2704,7 +3644,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2718,11 +3658,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2735,6 +3675,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2761,11 +3702,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2776,6 +3717,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -2802,11 +3744,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -2817,6 +3759,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -2843,11 +3786,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -2858,6 +3801,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -2884,11 +3870,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -2899,6 +3885,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -2925,11 +3912,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -2940,6 +3927,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -2966,11 +3954,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -2981,6 +3969,7 @@ To remove a mask, set this property to null.</p>
 
     <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>
 
     
@@ -3007,11 +3996,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_texture">Sprite</a>:
+                <a href="../classes/Sprite.html#property_texture">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:31</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l34"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:34</code></a>
         
         </p>
 
@@ -3022,6 +4011,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The texture that the sprite is using</p>
+
     </div>
 
     
@@ -3048,11 +4038,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -3063,6 +4053,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The visibility of the object.</p>
+
     </div>
 
     
@@ -3075,7 +4066,7 @@ To remove a mask, set this property to null.</p>
                 
                     <div id="property_width" class="property item inherited">
     <h3 class="name"><code>width</code></h3>
-    <span class="type">#Number</span>
+    <span class="type">Number</span>
 
     
 
@@ -3089,11 +4080,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;Sprite.html#property_width">Sprite</a>:
+                <a href="../classes/Sprite.html#property_width">Sprite</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_Sprite.js.html#l46"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:46</code></a>
+        <a href="../files/src_pixi_display_Sprite.js.html#l86"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:86</code></a>
         
         </p>
 
@@ -3103,7 +4094,94 @@ To remove a mask, set this property to null.</p>
     </div>
 
     <div class="description">
-        <p>The width of the sprite (this is initially set by the texture)</p>
+        <p>The width of the sprite, setting this will actually modify the scale to acheive the value set</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -3129,13 +4207,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/Texture.html b/docs/classes/Texture.html
index 5069fde..8a39e11 100644
--- a/docs/classes/Texture.html
+++ b/docs/classes/Texture.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Texture - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -145,16 +169,21 @@
                         <h1>Texture Class</h1>
 <div class="box meta">
     
-
-    
-        <div class="extends">
-            Extends EventTarget
+        <div class="uses">
+            Uses
+            <ul class="inline commas">
+                
+                    <li><a href="EventTarget.html">EventTarget</a></li>
+                
+            </ul>
         </div>
     
 
     
+
+    
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l8"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:8</code></a>
+            Defined in: <a href="../files/src_pixi_textures_Texture.js.html#l8"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:8</code></a>
         </div>
     
 
@@ -170,7 +199,9 @@
 
 
 <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>
+    <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>
 
 
@@ -191,7 +222,7 @@
             
                 <li class="arg">
                     
-                        <code>frmae</code>
+                        <code>frame</code>
                     
                 </li>
             
@@ -224,7 +255,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l8"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:8</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l8"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:8</code></a>
         
         </p>
 
@@ -253,7 +284,8 @@
                     
 
                     <div class="param-description">
-                         
+                        <p>The base texture source to create the texture from</p>
+
                     </div>
 
                     
@@ -261,14 +293,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">frmae</code>
+                        <code class="param-name">frame</code>
                         <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
                     
 
                     
 
                     <div class="param-description">
-                         
+                        <p>The rectangle frame of the texture to show</p>
+
                     </div>
 
                     
@@ -308,7 +341,7 @@
                 <div class="index-section methods">
                     <h3>Methods</h3>
 
-                    <ul class="index-list methods extends">
+                    <ul class="index-list methods">
                         
                             <li class="index-item method">
                                 <a href="#method_addTextureToCache">addTextureToCache</a>
@@ -317,6 +350,13 @@
                                     <span class="flag static">static</span>
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_destroy">destroy</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -332,6 +372,8 @@
                                 <a href="#method_fromFrame">fromFrame</a>
 
                                 
+                                    <span class="flag static">static</span>
+                                
                                 
                             </li>
                         
@@ -342,6 +384,13 @@
                                     <span class="flag static">static</span>
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onBaseTextureLoaded">onBaseTextureLoaded</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -368,7 +417,7 @@
                 <div class="index-section properties">
                     <h3>Properties</h3>
 
-                    <ul class="index-list properties extends">
+                    <ul class="index-list properties">
                         
                             <li class="index-item property">
                                 <a href="#property_baseTexture">baseTexture</a>
@@ -382,6 +431,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_trim">trim</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -448,7 +504,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l158"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:158</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l182"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:182</code></a>
         
         </p>
 
@@ -460,6 +516,7 @@
 
     <div class="description">
         <p>Adds a texture to the textureCache.</p>
+
     </div>
 
     
@@ -493,6 +550,96 @@
 
                     <div class="param-description">
                         <p>the id that the texture will be stored against.</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_destroy" class="method item">
+    <h3 class="name"><code>destroy</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>destroyBase</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_Texture.js.html#l93"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:93</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Destroys this texture</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">destroyBase</code>
+                        <span class="type">Boolean</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Whether to destroy the base texture as well</p>
+
                     </div>
 
                     
@@ -556,7 +703,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l142"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:142</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l166"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:166</code></a>
         
         </p>
 
@@ -568,7 +715,8 @@
 
     <div class="description">
         <p>Helper function that returns a texture based on a canvas element
- If the canvas is not in the texture cache it will be  created and loaded</p>
+If the canvas is not in the texture cache it will be  created and loaded</p>
+
     </div>
 
     
@@ -587,6 +735,7 @@
 
                     <div class="param-description">
                         <p>The canvas element source of the texture</p>
+
                     </div>
 
                     
@@ -603,7 +752,8 @@
             <div class="returns-description">
                 
                     
-                    Texture
+                    <p>Texture</p>
+
                 
             </div>
         </div>
@@ -643,6 +793,8 @@
     
 
     
+        <span class="flag static">static</span>
+    
 
     
 
@@ -659,7 +811,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l127"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:127</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l150"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:150</code></a>
         
         </p>
 
@@ -671,7 +823,8 @@
 
     <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>
+If the frame id is not in the texture cache an error will be thrown</p>
+
     </div>
 
     
@@ -690,6 +843,7 @@
 
                     <div class="param-description">
                         <p>The frame id of the texture</p>
+
                     </div>
 
                     
@@ -706,7 +860,8 @@
             <div class="returns-description">
                 
                     
-                    Texture
+                    <p>Texture</p>
+
                 
             </div>
         </div>
@@ -729,6 +884,12 @@
                     
                 </li>
             
+                <li class="arg">
+                    
+                        <code>crossorigin</code>
+                    
+                </li>
+            
             </ul><span class="paren">)</span>
         </div>
     
@@ -764,7 +925,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l105"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:105</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l127"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:127</code></a>
         
         </p>
 
@@ -776,7 +937,8 @@
 
     <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>
+If the image is not in the texture cache it will be  created and loaded</p>
+
     </div>
 
     
@@ -795,6 +957,23 @@
 
                     <div class="param-description">
                         <p>The image url of the texture</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">crossorigin</code>
+                        <span class="type">Boolean</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Whether requests should be treated as crossorigin</p>
+
                     </div>
 
                     
@@ -811,13 +990,104 @@
             <div class="returns-description">
                 
                     
-                    Texture
+                    <p>Texture</p>
+
                 
             </div>
         </div>
     
 
     
+</div>
+
+                
+                    <div id="method_onBaseTextureLoaded" class="method item private">
+    <h3 class="name"><code>onBaseTextureLoaded</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_Texture.js.html#l73"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:73</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Called when the base texture is loaded</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
 </div>
 
                 
@@ -869,7 +1139,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l171"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:171</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l195"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:195</code></a>
         
         </p>
 
@@ -881,6 +1151,7 @@
 
     <div class="description">
         <p>Remove a texture from the textureCache.</p>
+
     </div>
 
     
@@ -899,6 +1170,7 @@
 
                     <div class="param-description">
                         <p>the id of the texture to be removed</p>
+
                     </div>
 
                     
@@ -917,7 +1189,8 @@
                     
                         <span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>:
                     
-                    the texture that was removed
+                    <p>the texture that was removed</p>
+
                 
             </div>
         </div>
@@ -969,7 +1242,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l83"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:83</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l104"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:104</code></a>
         
         </p>
 
@@ -981,6 +1254,7 @@
 
     <div class="description">
         <p>Specifies the rectangle region of the baseTexture</p>
+
     </div>
 
     
@@ -998,7 +1272,8 @@
                     
 
                     <div class="param-description">
-                        
+                        <p>The frame of the texture to set it to</p>
+
                     </div>
 
                     
@@ -1045,7 +1320,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l31"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:31</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l31"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:31</code></a>
         
         </p>
 
@@ -1056,6 +1331,7 @@
 
     <div class="description">
         <p>The base texture of this texture</p>
+
     </div>
 
     
@@ -1068,7 +1344,7 @@
                 
                     <div id="property_frame" class="property item">
     <h3 class="name"><code>frame</code></h3>
-    <span class="type">#Rectangle</span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
 
     
 
@@ -1089,7 +1365,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_textures_Texture.js.html#l40"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:40</code></a>
+        <a href="../files/src_pixi_textures_Texture.js.html#l39"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:39</code></a>
         
         </p>
 
@@ -1100,6 +1376,52 @@
 
     <div class="description">
         <p>The frame specifies the region of the base texture that this texture uses</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_trim" class="property item">
+    <h3 class="name"><code>trim</code></h3>
+    <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_textures_Texture.js.html#l47"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:47</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The trim point</p>
+
     </div>
 
     
@@ -1125,13 +1447,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/TilingSprite.html b/docs/classes/TilingSprite.html
index 663486b..9ed2238 100644
--- a/docs/classes/TilingSprite.html
+++ b/docs/classes/TilingSprite.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>TilingSprite - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -154,7 +178,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_extras_TilingSprite.js.html#l5"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:5</code></a>
+            Defined in: <a href="../files/src_pixi_extras_TilingSprite.js.html#l5"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:5</code></a>
         </div>
     
 
@@ -171,6 +195,7 @@
 
 <div class="box intro">
     <p>A tiling sprite is a fast way of rendering a tiling image</p>
+
 </div>
 
 
@@ -230,7 +255,7 @@
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_extras_TilingSprite.js.html#l5"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:5</code></a>
+        <a href="../files/src_pixi_extras_TilingSprite.js.html#l5"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:5</code></a>
         
         </p>
 
@@ -260,6 +285,7 @@
 
                     <div class="param-description">
                         <p>the texture of the tiling sprite</p>
+
                     </div>
 
                     
@@ -275,6 +301,7 @@
 
                     <div class="param-description">
                         <p>the width of the tiling sprite</p>
+
                     </div>
 
                     
@@ -290,6 +317,7 @@
 
                     <div class="param-description">
                         <p>the height of the tiling sprite</p>
+
                     </div>
 
                     
@@ -392,6 +420,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_onTextureUpdate">onTextureUpdate</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method inherited">
@@ -401,14 +436,23 @@
                                 
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method deprecated inherited">
                                 <a href="#method_setInteractive">setInteractive</a>
 
                                 
                                 
+                                    <span class="flag deprecated">deprecated</span>
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_setTexture">setTexture</a>
+
+                                
+                                
                             </li>
                         
-                            <li class="index-item method inherited">
+                            <li class="index-item method private inherited">
                                 <a href="#method_swapChildren">swapChildren</a>
 
                                 
@@ -453,6 +497,13 @@
 
                     <ul class="index-list properties extends">
                         
+                            <li class="index-item property private inherited">
+                                <a href="#property__interactive">_interactive</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item property inherited">
                                 <a href="#property_alpha">alpha</a>
 
@@ -472,6 +523,34 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_color">color</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_dynamic">dynamic</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_filters">filters</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_height">height</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -486,6 +565,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_localTransform">localTransform</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -514,6 +600,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_renderable">renderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property inherited">
@@ -535,6 +628,13 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_texture">texture</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item property">
@@ -556,6 +656,27 @@
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_width">width</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property inherited">
+                                <a href="#property_worldAlpha">worldAlpha</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property private inherited">
+                                <a href="#property_worldTransform">worldTransform</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -581,7 +702,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -607,11 +728,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:42</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
         
         </p>
 
@@ -623,6 +744,7 @@
 
     <div class="description">
         <p>Adds a child to the container.</p>
+
     </div>
 
     
@@ -633,14 +755,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to add to the container</p>
+
                     </div>
 
                     
@@ -665,7 +788,7 @@
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -697,11 +820,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_addChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l139"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:139</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
         
         </p>
 
@@ -713,6 +836,7 @@
 
     <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>
 
     
@@ -723,14 +847,15 @@
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The child to add</p>
+
                     </div>
 
                     
@@ -745,7 +870,8 @@
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to place the child in</p>
+
                     </div>
 
                     
@@ -796,11 +922,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_click">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_click">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:109</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
         
         </p>
 
@@ -812,6 +938,7 @@
 
     <div class="description">
         <p>A callback that is used when the users clicks on the displayObject with their mouse</p>
+
     </div>
 
     
@@ -823,7 +950,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -880,11 +1007,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_getChildAt">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
         
         </p>
 
@@ -896,6 +1023,7 @@
 
     <div class="description">
         <p>Returns the Child at the specified index</p>
+
     </div>
 
     
@@ -913,7 +1041,8 @@
                     
 
                     <div class="param-description">
-                        
+                        <p>The index to get the child from</p>
+
                     </div>
 
                     
@@ -964,11 +1093,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mousedown">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mousedown">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
         
         </p>
 
@@ -980,6 +1109,7 @@
 
     <div class="description">
         <p>A callback that is used when the user clicks the mouse down over the sprite</p>
+
     </div>
 
     
@@ -991,7 +1121,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1048,11 +1178,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseout">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseout">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:141</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
         
         </p>
 
@@ -1064,6 +1194,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse leaves the displayObject</p>
+
     </div>
 
     
@@ -1075,7 +1206,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1132,11 +1263,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseover">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseover">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
         
         </p>
 
@@ -1148,6 +1279,7 @@
 
     <div class="description">
         <p>A callback that is used when the users mouse rolls over the displayObject</p>
+
     </div>
 
     
@@ -1159,7 +1291,7 @@
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1216,11 +1348,11 @@
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseup">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseup">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l121"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:121</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
         
         </p>
 
@@ -1233,6 +1365,7 @@
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject
 for this callback to be fired the mouse must have been pressed down over the displayObject</p>
+
     </div>
 
     
@@ -1244,7 +1377,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1301,11 +1434,11 @@ for this callback to be fired the mouse must have been pressed down over the dis
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_mouseupoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l128"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:128</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
         
         </p>
 
@@ -1318,6 +1451,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
     <div class="description">
         <p>A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 for this callback to be fired, The touch must have started over the displayObject</p>
+
     </div>
 
     
@@ -1329,7 +1463,7 @@ for this callback to be fired, The touch must have started over the displayObjec
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1348,6 +1482,96 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+</div>
+
+                
+                    <div id="method_onTextureUpdate" class="method item private">
+    <h3 class="name"><code>onTextureUpdate</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_extras_TilingSprite.js.html#l84"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:84</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>When the texture is updated, this event will fire to update the frame</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
 </div>
 
                 
@@ -1360,7 +1584,7 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
+                        <code>child</code>
                     
                 </li>
             
@@ -1386,11 +1610,11 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#method_removeChild">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:291</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
         
         </p>
 
@@ -1402,6 +1626,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 
     <div class="description">
         <p>Removes a child from the container.</p>
+
     </div>
 
     
@@ -1412,14 +1637,15 @@ for this callback to be fired, The touch must have started over the displayObjec
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
                     
 
                     <div class="param-description">
-                        
+                        <p>The DisplayObject to remove</p>
+
                     </div>
 
                     
@@ -1435,7 +1661,7 @@ for this callback to be fired, The touch must have started over the displayObjec
 </div>
 
                 
-                    <div id="method_setInteractive" class="method item inherited">
+                    <div id="method_setInteractive" class="method item deprecated inherited">
     <h3 class="name"><code>setInteractive</code></h3>
 
     
@@ -1455,6 +1681,8 @@ for this callback to be fired, The touch must have started over the displayObjec
     
 
     
+        <span class="flag deprecated" title="Simply set the &#x60;interactive&#x60; property directly">deprecated</span>
+    
 
     
 
@@ -1470,16 +1698,18 @@ for this callback to be fired, The touch must have started over the displayObjec
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_setInteractive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_setInteractive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
         
         </p>
 
 
         
+            <p>Deprecated: Simply set the &#x60;interactive&#x60; property directly</p>
+        
 
         
     </div>
@@ -1487,6 +1717,7 @@ for this callback to be fired, The touch must have started over the displayObjec
     <div class="description">
         <p>[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
 Instead of using this function you can now simply set the interactive property to true or false</p>
+
     </div>
 
     
@@ -1520,8 +1751,8 @@ Instead of using this function you can now simply set the interactive property t
 </div>
 
                 
-                    <div id="method_swapChildren" class="method item inherited">
-    <h3 class="name"><code>swapChildren</code></h3>
+                    <div id="method_setTexture" class="method item">
+    <h3 class="name"><code>setTexture</code></h3>
 
     
         <div class="args">
@@ -1529,13 +1760,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="arg">
                     
-                        <code>DisplayObject</code>
-                    
-                </li>
-            
-                <li class="arg">
-                    
-                        <code>DisplayObject2</code>
+                        <code>texture</code>
                     
                 </li>
             
@@ -1560,12 +1785,15 @@ Instead of using this function you can now simply set the interactive property t
     <div class="meta">
         
             
-                <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+                
+                <p>
+                
+                Defined in
+                
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l227"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:227</code></a>
+        <a href="../files/src_pixi_extras_TilingSprite.js.html#l68"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:68</code></a>
         
         </p>
 
@@ -1576,7 +1804,8 @@ Instead of using this function you can now simply set the interactive property t
     </div>
 
     <div class="description">
-        <p>Swaps the depth of 2 displayObjects</p>
+        <p>Sets the texture of the tiling sprite</p>
+
     </div>
 
     
@@ -1587,7 +1816,101 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject</code>
+                        <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 id="method_swapChildren" class="method item private inherited">
+    <h3 class="name"><code>swapChildren</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>child</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>child2</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObjectContainer.html#method_swapChildren">DisplayObjectContainer</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Swaps the depth of 2 displayObjects</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">child</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1602,7 +1925,7 @@ Instead of using this function you can now simply set the interactive property t
             
                 <li class="param">
                     
-                        <code class="param-name">DisplayObject2</code>
+                        <code class="param-name">child2</code>
                         <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
                     
 
@@ -1660,11 +1983,11 @@ Instead of using this function you can now simply set the interactive property t
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_tap">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_tap">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l152"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:152</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
         
         </p>
 
@@ -1677,6 +2000,7 @@ Instead of using this function you can now simply set the interactive property t
     <div class="description">
         <p>A callback that is used when the users taps on the sprite with their finger
 basically a touch version of click</p>
+
     </div>
 
     
@@ -1688,7 +2012,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1745,11 +2069,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchend">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchend">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:165</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
         
         </p>
 
@@ -1761,6 +2085,7 @@ basically a touch version of click</p>
 
     <div class="description">
         <p>A callback that is used when the user releases a touch over the displayObject</p>
+
     </div>
 
     
@@ -1772,7 +2097,7 @@ basically a touch version of click</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1829,11 +2154,11 @@ basically a touch version of click</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchendoutside">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchendoutside">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l171"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:171</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
         
         </p>
 
@@ -1846,6 +2171,7 @@ basically a touch version of click</p>
     <div class="description">
         <p>A callback that is used when the user releases the touch that was over the displayObject
 for this callback to be fired, The touch must have started over the sprite</p>
+
     </div>
 
     
@@ -1857,7 +2183,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1914,11 +2240,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#method_touchstart">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#method_touchstart">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:159</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
         
         </p>
 
@@ -1929,7 +2255,8 @@ for this callback to be fired, The touch must have started over the sprite</p>
     </div>
 
     <div class="description">
-        <p>A callback that is used when the user touch's over the displayObject</p>
+        <p>A callback that is used when the user touch&#39;s over the displayObject</p>
+
     </div>
 
     
@@ -1941,7 +2268,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <li class="param">
                     
                         <code class="param-name">interactionData</code>
-                        <span class="type"><a href="../classes/InteractionData.html" class="crosslink">InteractionData</a></span>
+                        <span class="type">InteractionData</span>
                     
 
                     
@@ -1971,6 +2298,50 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 <h2 class="off-left">Properties</h2>
 
                 
+                    <div id="property__interactive" class="property item private inherited">
+    <h3 class="name"><code>_interactive</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property__interactive">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l115"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:115</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Whether or not the object is interactive, do not toggle directly! use the <code>interactive</code> property</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="property_alpha" class="property item inherited">
     <h3 class="name"><code>alpha</code></h3>
     <span class="type">Number</span>
@@ -1987,11 +2358,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_alpha">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_alpha">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:43</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l47"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:47</code></a>
         
         </p>
 
@@ -2002,6 +2373,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>The opacity of the object.</p>
+
     </div>
 
     
@@ -2028,11 +2400,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_buttonMode">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l98"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:98</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
         
         </p>
 
@@ -2043,6 +2415,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
+
     </div>
 
     
@@ -2055,7 +2428,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_children" class="property item inherited">
     <h3 class="name"><code>children</code></h3>
-    <span class="type">Array</span>
+    <span class="type">Array<DisplayObject></span>
 
     
 
@@ -2069,11 +2442,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
+                <a href="../classes/DisplayObjectContainer.html#property_children">DisplayObjectContainer</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObjectContainer.js.html#l16"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:16</code></a>
+        <a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l18"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:18</code></a>
         
         </p>
 
@@ -2084,6 +2457,184 @@ for this callback to be fired, The touch must have started over the sprite</p>
 
     <div class="description">
         <p>[read-only] The of children of this container.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_color" class="property item private inherited">
+    <h3 class="name"><code>color</code></h3>
+    <span class="type">Array<></span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_color">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Unkown</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_dynamic" class="property item private inherited">
+    <h3 class="name"><code>dynamic</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_dynamic">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[NYI] Holds whether or not this object is dynamic, for rendering optimization</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_filters" class="property item inherited">
+    <h3 class="name"><code>filters</code></h3>
+    <span class="type">Array An array of filters</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_filters">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Sets the filters for the displayObject. 
+* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+To remove filters simply set this property to &#39;null&#39;</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="../files/src_pixi_extras_TilingSprite.js.html#l35"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:35</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The height of the tiling sprite</p>
+
     </div>
 
     
@@ -2096,7 +2647,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
                 
                     <div id="property_hitArea" class="property item inherited">
     <h3 class="name"><code>hitArea</code></h3>
-    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a></span>
+    <span class="type"><a href="../classes/Rectangle.html" class="crosslink">Rectangle</a> | <a href="../classes/Circle.html" class="crosslink">Circle</a> | <a href="../classes/Ellipse.html" class="crosslink">Ellipse</a> | <a href="../classes/Polygon.html" class="crosslink">Polygon</a></span>
 
     
 
@@ -2110,11 +2661,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_hitArea">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_hitArea">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l72"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:72</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l63"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:63</code></a>
         
         </p>
 
@@ -2126,6 +2677,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
     <div class="description">
         <p>This is the defined area that will pick up mouse / touch events. It is null by default.
 Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)</p>
+
     </div>
 
     
@@ -2152,11 +2704,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_interactive">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_interactive">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
         
         </p>
 
@@ -2167,6 +2719,53 @@ Setting it is a neat way of optimising the hitTest function that the interaction
 
     <div class="description">
         <p>Indicates if the sprite will have touch and mouse interactivity. It is false by default</p>
+
+    </div>
+
+    
+        <p><strong>Default:</strong> false</p>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_localTransform" class="property item private inherited">
+    <h3 class="name"><code>localTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_localTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object locally</p>
+
     </div>
 
     
@@ -2179,7 +2778,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
                 
                     <div id="property_mask" class="property item inherited">
     <h3 class="name"><code>mask</code></h3>
-    <span class="type">PIXI.Graphics</span>
+    <span class="type"><a href="../classes/Graphics.html" class="crosslink">Graphics</a></span>
 
     
 
@@ -2193,11 +2792,11 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_mask">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_mask">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l222"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:222</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
         
         </p>
 
@@ -2210,6 +2809,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
         <p>Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
 In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
 To remove a mask, set this property to null.</p>
+
     </div>
 
     
@@ -2236,11 +2836,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_parent">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_parent">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l58"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:58</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l88"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:88</code></a>
         
         </p>
 
@@ -2251,6 +2851,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>[read-only] The display object container that contains this display object.</p>
+
     </div>
 
     
@@ -2277,11 +2878,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_pivot">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_pivot">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l29"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:29</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l31"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:31</code></a>
         
         </p>
 
@@ -2292,6 +2893,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The pivot point of the displayObject that it rotates around</p>
+
     </div>
 
     
@@ -2318,11 +2920,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_position">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_position">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l15"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:15</code></a>
         
         </p>
 
@@ -2333,6 +2935,49 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The coordinate of the object relative to the local coordinates of the parent.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_renderable" class="property item inherited">
+    <h3 class="name"><code>renderable</code></h3>
+    <span class="type">Boolean</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_renderable">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l80"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:80</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Can this object be rendered</p>
+
     </div>
 
     
@@ -2359,11 +3004,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_rotation">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_rotation">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:36</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l39"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:39</code></a>
         
         </p>
 
@@ -2374,6 +3019,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The rotation of the object in radians.</p>
+
     </div>
 
     
@@ -2400,11 +3046,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_scale">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_scale">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l22"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:22</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:23</code></a>
         
         </p>
 
@@ -2415,6 +3061,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scale factor of the object.</p>
+
     </div>
 
     
@@ -2441,11 +3088,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_stage">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_stage">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l65"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:65</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:97</code></a>
         
         </p>
 
@@ -2456,6 +3103,52 @@ To remove a mask, set this property to null.</p>
 
     <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="../files/src_pixi_extras_TilingSprite.js.html#l19"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:19</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The texture that the sprite is using</p>
+
     </div>
 
     
@@ -2489,7 +3182,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_extras_TilingSprite.js.html#l28"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:28</code></a>
+        <a href="../files/src_pixi_extras_TilingSprite.js.html#l51"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:51</code></a>
         
         </p>
 
@@ -2500,6 +3193,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The offset position of the image that is being tiled</p>
+
     </div>
 
     
@@ -2533,7 +3227,7 @@ To remove a mask, set this property to null.</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_extras_TilingSprite.js.html#l22"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:22</code></a>
+        <a href="../files/src_pixi_extras_TilingSprite.js.html#l43"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:43</code></a>
         
         </p>
 
@@ -2544,6 +3238,7 @@ To remove a mask, set this property to null.</p>
 
     <div class="description">
         <p>The scaling of the image that is being tiled</p>
+
     </div>
 
     
@@ -2570,11 +3265,11 @@ To remove a mask, set this property to null.</p>
         
             
                 <p>Inherited from
-                <a href="..&#x2F;classes&#x2F;DisplayObject.html#property_visible">DisplayObject</a>:
+                <a href="../classes/DisplayObject.html#property_visible">DisplayObject</a>:
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_display_DisplayObject.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:50</code></a>
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l55"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:55</code></a>
         
         </p>
 
@@ -2585,6 +3280,138 @@ To remove a mask, set this property to null.</p>
 
     <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="../files/src_pixi_extras_TilingSprite.js.html#l27"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:27</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The width of the tiling sprite</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldAlpha" class="property item inherited">
+    <h3 class="name"><code>worldAlpha</code></h3>
+    <span class="type">Number</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldAlpha">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:106</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] The multiplied alpha of the displayobject</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_worldTransform" class="property item private inherited">
+    <h3 class="name"><code>worldTransform</code></h3>
+    <span class="type">Mat3</span>
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                <p>Inherited from
+                <a href="../classes/DisplayObject.html#property_worldTransform">DisplayObject</a>:
+            
+        
+        
+        <a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>[read-only] Current transform of the object based on world (parent) factors</p>
+
     </div>
 
     
@@ -2610,13 +3437,13 @@ To remove a mask, set this property to null.</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/WebGLBatch.html b/docs/classes/WebGLBatch.html
index 39646be..28c727b 100644
--- a/docs/classes/WebGLBatch.html
+++ b/docs/classes/WebGLBatch.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>WebGLBatch - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l8"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:8</code></a>
+            Defined in: <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l5"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:5</code></a>
         </div>
     
 
@@ -167,10 +191,107 @@
 
 <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>
+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 class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_WebGLBatch" class="method item">
+    <h3 class="name"><code>WebGLBatch</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gl</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l5"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.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">gl</code>
+                        <span class="type">WebGLContext</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>an instance of the webGL context</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
 
 <div id="classdocs" class="tabview">
     <ul class="api-class-tabs">
@@ -194,11 +315,60 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <ul class="index-list methods">
                         
+                            <li class="index-item method private">
+                                <a href="#method_addDisplayObjectAndChildren">addDisplayObjectAndChildren</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_addFilterBlocks">addFilterBlocks</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_clean">clean</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_growBatch">growBatch</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item method">
                                 <a href="#method_init">init</a>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_initStrip">initStrip</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_initTilingSprite">initTilingSprite</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_insertAfter">insertAfter</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -213,6 +383,13 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_insertObject">insertObject</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -234,6 +411,27 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_removeDisplayObjectAndChildren">removeDisplayObjectAndChildren</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_removeFilterBlocks">removeFilterBlocks</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_removeObject">removeObject</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -241,6 +439,55 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_render">render</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderSpecial">renderSpecial</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderSpecific">renderSpecific</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderStrip">renderStrip</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_renderTilingSprite">renderTilingSprite</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_restoreLostContext">restoreLostContext</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_setRenderable">setRenderable</a>
+
+                                
+                                
                             </li>
                         
                             <li class="index-item method">
@@ -255,6 +502,13 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateTexture">updateTexture</a>
+
+                                
+                                
                             </li>
                         
                     </ul>
@@ -273,6 +527,319 @@ if a group of sprites all have the same baseTexture and blendMode then they can
                 <h2 class="off-left">Methods</h2>
 
                 
+                    <div id="method_addDisplayObjectAndChildren" class="method item private">
+    <h3 class="name"><code>addDisplayObjectAndChildren</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l430"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:430</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds a display object and children to the webgl context</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_addFilterBlocks" class="method item private">
+    <h3 class="name"><code>addFilterBlocks</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>start</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>end</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l376"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:376</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds filter blocks</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">start</code>
+                        <span class="type">FilterBlock</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">end</code>
+                        <span class="type">FilterBlock</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_clean" class="method item">
+    <h3 class="name"><code>clean</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l71"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:71</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Cleans the batch so that is can be returned to an object pool and reused</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_growBatch" class="method item">
+    <h3 class="name"><code>growBatch</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l292"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:292</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>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</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="method_init" class="method item">
     <h3 class="name"><code>init</code></h3>
 
@@ -315,7 +882,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l98"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:98</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l105"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:105</code></a>
         
         </p>
 
@@ -326,7 +893,8 @@ if a group of sprites all have the same baseTexture and blendMode then they can
     </div>
 
     <div class="description">
-        <p>inits the batch's texture and blend mode based if the supplied sprite</p>
+        <p>inits the batch&#39;s texture and blend mode based if the supplied sprite</p>
+
     </div>
 
     
@@ -344,7 +912,303 @@ if a group of sprites all have the same baseTexture and blendMode then they can
                     
 
                     <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>
+                        <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_initStrip" class="method item private">
+    <h3 class="name"><code>initStrip</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>strip</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l974"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:974</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Initializes a strip to be rendered</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">strip</code>
+                        <span class="type">Strip</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The strip to initialize</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_initTilingSprite" class="method item private">
+    <h3 class="name"><code>initTilingSprite</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="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l781"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:781</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Initializes a tiling 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/TilingSprite.html" class="crosslink">TilingSprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The tiling sprite to initialize</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_insertAfter" class="method item private">
+    <h3 class="name"><code>insertAfter</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>item</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>displayObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l647"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:647</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Inserts a displayObject into the linked list</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">item</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">displayObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The object to insert</p>
+
                     </div>
 
                     
@@ -408,7 +1272,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l145"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:145</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l153"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:153</code></a>
         
         </p>
 
@@ -420,6 +1284,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
     <div class="description">
         <p>inserts a sprite after the specified sprite</p>
+
     </div>
 
     
@@ -438,6 +1303,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <div class="param-description">
                         <p>the sprite to be added</p>
+
                     </div>
 
                     
@@ -453,6 +1319,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <div class="param-description">
                         <p>the first sprite will be inserted after this sprite</p>
+
                     </div>
 
                     
@@ -516,7 +1383,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l117"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:117</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l125"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:125</code></a>
         
         </p>
 
@@ -528,6 +1395,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
     <div class="description">
         <p>inserts a sprite before the specified sprite</p>
+
     </div>
 
     
@@ -546,6 +1414,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <div class="param-description">
                         <p>the sprite to be added</p>
+
                     </div>
 
                     
@@ -561,6 +1430,139 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <div class="param-description">
                         <p>the first sprite will be inserted before this sprite</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_insertObject" class="method item private">
+    <h3 class="name"><code>insertObject</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>previousObject</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>nextObject</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l509"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:509</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Inserts a displayObject into the linked list</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">previousObject</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">nextObject</code>
+                        <span class="type"><a href="../classes/DisplayObject.html" class="crosslink">DisplayObject</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
                     </div>
 
                     
@@ -618,7 +1620,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l268"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:268</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l267"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:267</code></a>
         
         </p>
 
@@ -630,6 +1632,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
     <div class="description">
         <p>Merges two batchs together</p>
+
     </div>
 
     
@@ -648,6 +1651,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <div class="param-description">
                         <p>the batch that will be merged</p>
+
                     </div>
 
                     
@@ -695,7 +1699,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l346"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:346</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l347"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:347</code></a>
         
         </p>
 
@@ -706,7 +1710,8 @@ if a group of sprites all have the same baseTexture and blendMode then they can
     </div>
 
     <div class="description">
-        <p>Refresh's all the data in the batch and sync's it with the webGL buffers</p>
+        <p>Refresh&#39;s all the data in the batch and sync&#39;s it with the webGL buffers</p>
+
     </div>
 
     
@@ -759,7 +1764,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l175"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:175</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l182"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:182</code></a>
         
         </p>
 
@@ -771,6 +1776,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
     <div class="description">
         <p>removes a sprite from the batch</p>
+
     </div>
 
     
@@ -789,6 +1795,299 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <div class="param-description">
                         <p>the sprite to be removed</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_removeDisplayObjectAndChildren" class="method item private">
+    <h3 class="name"><code>removeDisplayObjectAndChildren</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l487"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:487</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Removes a display object and children to the webgl context</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_removeFilterBlocks" class="method item private">
+    <h3 class="name"><code>removeFilterBlocks</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>start</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>end</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l416"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:416</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Remove filter blocks</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">start</code>
+                        <span class="type">FilterBlock</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">end</code>
+                        <span class="type">FilterBlock</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_removeObject" class="method item private">
+    <h3 class="name"><code>removeObject</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l702"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:702</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Removes a displayObject from the linked list</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">
+                        <p>The object to remove</p>
+
                     </div>
 
                     
@@ -836,7 +2135,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l513"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:513</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l508"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:508</code></a>
         
         </p>
 
@@ -848,6 +2147,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
     <div class="description">
         <p>Draws the batch to the frame buffer</p>
+
     </div>
 
     
@@ -855,6 +2155,718 @@ if a group of sprites all have the same baseTexture and blendMode then they can
     
 
     
+</div>
+
+                
+                    <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>projection</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l55"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:55</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">projection</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderSpecial" class="method item private">
+    <h3 class="name"><code>renderSpecial</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>renderable</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>projection</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l251"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:251</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a specific renderable</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">renderable</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">projection</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderSpecific" class="method item private">
+    <h3 class="name"><code>renderSpecific</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>projection</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l91"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:91</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a specific displayObject</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">projection</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderStrip" class="method item private">
+    <h3 class="name"><code>renderStrip</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>strip</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>projection</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l840"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:840</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a Strip</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">strip</code>
+                        <span class="type">Strip</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The strip to render</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">projection</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_renderTilingSprite" class="method item private">
+    <h3 class="name"><code>renderTilingSprite</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>projectionMatrix</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l932"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:932</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Renders a TilingSprite</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/TilingSprite.html" class="crosslink">TilingSprite</a></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The tiling sprite to render</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">projectionMatrix</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_restoreLostContext" class="method item">
+    <h3 class="name"><code>restoreLostContext</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gl</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l90"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:90</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Recreates the buffers in the event of a context loss</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gl</code>
+                        <span class="type">WebGLContext</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_setRenderable" class="method item private">
+    <h3 class="name"><code>setRenderable</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l33"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:33</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Add a display object to the webgl renderer</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>
 
                 
@@ -904,7 +2916,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l218"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:218</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l226"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:226</code></a>
         
         </p>
 
@@ -916,6 +2928,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
     <div class="description">
         <p>Splits the batch into two with the specified sprite being the start of the new batch.</p>
+
     </div>
 
     
@@ -934,6 +2947,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
                     <div class="param-description">
                         <p>the sprite that indicates where the batch should be split</p>
+
                     </div>
 
                     
@@ -952,7 +2966,8 @@ if a group of sprites all have the same baseTexture and blendMode then they can
                     
                         <span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>:
                     
-                    the new batch
+                    <p>the new batch</p>
+
                 
             </div>
         </div>
@@ -994,7 +3009,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLBatch.js.html#l401"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:401</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLBatch.js.html#l403"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js:403</code></a>
         
         </p>
 
@@ -1006,6 +3021,7 @@ if a group of sprites all have the same baseTexture and blendMode then they can
 
     <div class="description">
         <p>Updates all the relevant geometry and uploads the data to the GPU</p>
+
     </div>
 
     
@@ -1013,6 +3029,96 @@ if a group of sprites all have the same baseTexture and blendMode then they can
     
 
     
+</div>
+
+                
+                    <div id="method_updateTexture" class="method item private">
+    <h3 class="name"><code>updateTexture</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html#l334"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js:334</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates a webgl texture</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>
 
                 
@@ -1033,13 +3139,13 @@ if a group of sprites all have the same baseTexture and blendMode then they can
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/classes/WebGLRenderer.html b/docs/classes/WebGLRenderer.html
index 4b5ffef..c0a37b3 100644
--- a/docs/classes/WebGLRenderer.html
+++ b/docs/classes/WebGLRenderer.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>WebGLRenderer - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLRenderer.js.html#l11"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:11</code></a>
+            Defined in: <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l11"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:11</code></a>
         </div>
     
 
@@ -166,8 +190,11 @@
 
 
 <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
+    <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&#39;s or Sprite Cloud&#39;s
 Dont forget to add the view to your DOM or you will not see anything :)</p>
+
 </div>
 
 
@@ -182,13 +209,13 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="arg">
                     
-                        <code>width</code>
+                        <code>width=0</code>
                     
                 </li>
             
                 <li class="arg">
                     
-                        <code>height</code>
+                        <code>height=0</code>
                     
                 </li>
             
@@ -200,7 +227,13 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="arg">
                     
-                        <code>transparent</code>
+                        <code>transparent=false</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>antialias=false</code>
                     
                 </li>
             
@@ -233,7 +266,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLRenderer.js.html#l11"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:11</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l11"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:11</code></a>
         
         </p>
 
@@ -255,7 +288,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="param">
                     
-                        <code class="param-name">width</code>
+                        <code class="param-name">width=0</code>
                         <span class="type">Number</span>
                     
 
@@ -263,6 +296,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the width of the canvas view</p>
+
                     </div>
 
                     
@@ -270,7 +304,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="param">
                     
-                        <code class="param-name">height</code>
+                        <code class="param-name">height=0</code>
                         <span class="type">Number</span>
                     
 
@@ -278,6 +312,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the height of the canvas view</p>
+
                     </div>
 
                     
@@ -293,6 +328,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the canvas to use as a view, optional</p>
+
                     </div>
 
                     
@@ -300,7 +336,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
                 <li class="param">
                     
-                        <code class="param-name">transparent</code>
+                        <code class="param-name">transparent=false</code>
                         <span class="type">Boolean</span>
                     
 
@@ -308,6 +344,23 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the transparency of the render view, default false</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">antialias=false</code>
+                        <span class="type">Boolean</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>sets antialias (only applicable in chrome at the moment)</p>
+
                     </div>
 
                     
@@ -347,6 +400,36 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <ul class="index-list methods">
                         
+                            <li class="index-item method private">
+                                <a href="#method_destroyTexture">destroyTexture</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_getBatch">getBatch</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_handleContextLost">handleContextLost</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_handleContextRestored">handleContextRestored</a>
+
+                                
+                                
+                            </li>
+                        
                             <li class="index-item method">
                                 <a href="#method_render">render</a>
 
@@ -359,6 +442,33 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                                 
                                 
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_returnBatch">returnBatch</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateTexture">updateTexture</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method_updateTextures">updateTextures</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
                             </li>
                         
                     </ul>
@@ -377,6 +487,352 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
                 <h2 class="off-left">Methods</h2>
 
                 
+                    <div id="method_destroyTexture" class="method item private">
+    <h3 class="name"><code>destroyTexture</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l269"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:269</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Destroys a loaded webgl texture</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">
+                        <p>The texture to update</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_getBatch" class="method item private">
+    <h3 class="name"><code>getBatch</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>
+        </span>
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l104"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:104</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Gets a new WebGLBatch from the pool</p>
+
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>:
+                    
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_handleContextLost" class="method item private">
+    <h3 class="name"><code>handleContextLost</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l319"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:319</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Handles a lost webgl context</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_handleContextRestored" class="method item private">
+    <h3 class="name"><code>handleContextRestored</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l332"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:332</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Handles a restored webgl context</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Event</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
                     <div id="method_render" class="method item">
     <h3 class="name"><code>render</code></h3>
 
@@ -419,7 +875,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLRenderer.js.html#l121"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:121</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l138"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:138</code></a>
         
         </p>
 
@@ -431,6 +887,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
     <div class="description">
         <p>Renders the stage to its webGL view</p>
+
     </div>
 
     
@@ -448,7 +905,8 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
                     
 
                     <div class="param-description">
-                        <p>the PIXI.Stage element to be rendered</p>
+                        <p>the Stage element to be rendered</p>
+
                     </div>
 
                     
@@ -512,7 +970,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
             
         
         
-        <a href="..&#x2F;files&#x2F;src_pixi_renderers_webgl_WebGLRenderer.js.html#l263"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:263</code></a>
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l288"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:288</code></a>
         
         </p>
 
@@ -524,6 +982,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
     <div class="description">
         <p>resizes the webGL view to the specified width and height</p>
+
     </div>
 
     
@@ -542,6 +1001,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the new width of the webGL view</p>
+
                     </div>
 
                     
@@ -557,6 +1017,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
 
                     <div class="param-description">
                         <p>the new height of the webGL view</p>
+
                     </div>
 
                     
@@ -569,6 +1030,251 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
     
 
     
+</div>
+
+                
+                    <div id="method_returnBatch" class="method item private">
+    <h3 class="name"><code>returnBatch</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l124"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:124</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Puts a batch back into the pool</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 to return</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateTexture" class="method item private">
+    <h3 class="name"><code>updateTexture</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>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l225"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:225</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates a loaded webgl texture</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">
+                        <p>The texture to update</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_updateTextures" class="method item private">
+    <h3 class="name"><code>updateTextures</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l209"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:209</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates the textures loaded into this webgl renderer</p>
+
+    </div>
+
+    
+
+    
+
+    
 </div>
 
                 
@@ -589,13 +1295,13 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/data.json b/docs/data.json
index d450277..7f424e1 100644
--- a/docs/data.json
+++ b/docs/data.json
@@ -136,6 +136,56 @@
             "fors": {},
             "namespaces": {}
         },
+        "src/pixi/filters/AbstractFilter.js": {
+            "name": "src/pixi/filters/AbstractFilter.js",
+            "modules": {},
+            "classes": {
+                "AbstractFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/BlurFilter.js": {
+            "name": "src/pixi/filters/BlurFilter.js",
+            "modules": {},
+            "classes": {
+                "BlurFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/BlurXFilter.js": {
+            "name": "src/pixi/filters/BlurXFilter.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/BlurYFilter.js": {
+            "name": "src/pixi/filters/BlurYFilter.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/ColorMatrixFilter.js": {
+            "name": "src/pixi/filters/ColorMatrixFilter.js",
+            "modules": {},
+            "classes": {
+                "ColorMatrixFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/DisplacementFilter.js": {
+            "name": "src/pixi/filters/DisplacementFilter.js",
+            "modules": {},
+            "classes": {
+                "DisplacementFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
         "src/pixi/filters/FilterBlock.js": {
             "name": "src/pixi/filters/FilterBlock.js",
             "modules": {},
@@ -143,8 +193,44 @@
             "fors": {},
             "namespaces": {}
         },
-        "src/pixi/filters/MaskFilter.js": {
-            "name": "src/pixi/filters/MaskFilter.js",
+        "src/pixi/filters/GreyFilter.js": {
+            "name": "src/pixi/filters/GreyFilter.js",
+            "modules": {},
+            "classes": {
+                "GreyFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/InvertFilter.js": {
+            "name": "src/pixi/filters/InvertFilter.js",
+            "modules": {},
+            "classes": {
+                "InvertFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/PixelateFilter.js": {
+            "name": "src/pixi/filters/PixelateFilter.js",
+            "modules": {},
+            "classes": {
+                "PixelateFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/SepiaFilter.js": {
+            "name": "src/pixi/filters/SepiaFilter.js",
+            "modules": {},
+            "classes": {
+                "SepiaFilter": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/filters/SmartBlurFilter.js": {
+            "name": "src/pixi/filters/SmartBlurFilter.js",
             "modules": {},
             "classes": {},
             "fors": {},
@@ -229,6 +315,27 @@
             "fors": {},
             "namespaces": {}
         },
+        "src/pixi/renderers/webgl/PixiShader.js": {
+            "name": "src/pixi/renderers/webgl/PixiShader.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/renderers/webgl/PrimitiveShader.js": {
+            "name": "src/pixi/renderers/webgl/PrimitiveShader.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
+        "src/pixi/renderers/webgl/StripShader.js": {
+            "name": "src/pixi/renderers/webgl/StripShader.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
         "src/pixi/renderers/webgl/WebGLBatch.js": {
             "name": "src/pixi/renderers/webgl/WebGLBatch.js",
             "modules": {},
@@ -236,6 +343,13 @@
             "fors": {},
             "namespaces": {}
         },
+        "src/pixi/renderers/webgl/WebGLFilterManager.js": {
+            "name": "src/pixi/renderers/webgl/WebGLFilterManager.js",
+            "modules": {},
+            "classes": {},
+            "fors": {},
+            "namespaces": {}
+        },
         "src/pixi/renderers/webgl/WebGLGraphics.js": {
             "name": "src/pixi/renderers/webgl/WebGLGraphics.js",
             "modules": {},
@@ -325,14 +439,30 @@
         "src/pixi/utils/EventTarget.js": {
             "name": "src/pixi/utils/EventTarget.js",
             "modules": {},
-            "classes": {},
+            "classes": {
+                "EventTarget": 1
+            },
             "fors": {},
             "namespaces": {}
         },
+        "src/pixi/utils/Polyk.js": {
+            "name": "src/pixi/utils/Polyk.js",
+            "modules": {},
+            "classes": {
+                "PolyK._PointInTriangle": 1,
+                "PolyK._convex": 1
+            },
+            "fors": {},
+            "namespaces": {
+                "PolyK": 1
+            }
+        },
         "src/pixi/utils/Utils.js": {
             "name": "src/pixi/utils/Utils.js",
             "modules": {},
-            "classes": {},
+            "classes": {
+                "PolyK.AjaxRequest": 1
+            },
             "fors": {},
             "namespaces": {}
         },
@@ -340,8 +470,8 @@
             "name": "src/pixi/InteractionManager.js",
             "modules": {},
             "classes": {
-                "InteractionManager": 1,
-                "InteractionData": 1
+                "PolyK.InteractionManager": 1,
+                "PolyK.InteractionData": 1
             },
             "fors": {},
             "namespaces": {}
@@ -388,6 +518,14 @@
                 "CustomRenderable": 1,
                 "Spine": 1,
                 "TilingSprite": 1,
+                "AbstractFilter": 1,
+                "BlurFilter": 1,
+                "ColorMatrixFilter": 1,
+                "DisplacementFilter": 1,
+                "GreyFilter": 1,
+                "InvertFilter": 1,
+                "PixelateFilter": 1,
+                "SepiaFilter": 1,
                 "AssetLoader": 1,
                 "BitmapFontLoader": 1,
                 "ImageLoader": 1,
@@ -403,14 +541,18 @@
                 "BaseTexture": 1,
                 "RenderTexture": 1,
                 "Texture": 1,
-                "InteractionManager": 1,
-                "InteractionData": 1
+                "EventTarget": 1,
+                "PolyK._PointInTriangle": 1,
+                "PolyK._convex": 1,
+                "PolyK.AjaxRequest": 1,
+                "PolyK.InteractionManager": 1,
+                "PolyK.InteractionData": 1
             },
             "fors": {},
             "namespaces": {},
             "tag": "module",
             "file": "src/pixi/InteractionManager.js",
-            "line": 493
+            "line": 646
         }
     },
     "classes": {
@@ -425,6 +567,7 @@
             "module": "PIXI",
             "file": "src/pixi/core/Circle.js",
             "line": 5,
+            "description": "The Circle object can be used to specify a hit area for displayobjects",
             "is_constructor": 1,
             "params": [
                 {
@@ -455,26 +598,27 @@
             "module": "PIXI",
             "file": "src/pixi/core/Ellipse.js",
             "line": 5,
+            "description": "The Ellipse object can be used to specify a hit area for displayobjects",
             "is_constructor": 1,
             "params": [
                 {
                     "name": "x",
-                    "description": "The X coord of the upper-left corner of the framing rectangle of this circle",
+                    "description": "The X coord of the upper-left corner of the framing rectangle of this ellipse",
                     "type": "Number"
                 },
                 {
                     "name": "y",
-                    "description": "The Y coord of the upper-left corner of the framing rectangle of this circle",
+                    "description": "The Y coord of the upper-left corner of the framing rectangle of this ellipse",
                     "type": "Number"
                 },
                 {
                     "name": "width",
-                    "description": "The overall height of this ellipse",
+                    "description": "The overall width of this ellipse",
                     "type": "Number"
                 },
                 {
                     "name": "height",
-                    "description": "The overall width of this ellipse",
+                    "description": "The overall height of this ellipse",
                     "type": "Number"
                 }
             ]
@@ -520,8 +664,9 @@
             "params": [
                 {
                     "name": "points",
-                    "description": "This cna be an array of Points or a flat array of numbers\n     that will be interpreted as [x,y, x,y, ...]",
-                    "type": "Array<Point>|Array<Number>"
+                    "description": "This can be an array of Points that form the polygon,\n     a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arguments passed can be\n     all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the\n     arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are\n     Numbers.",
+                    "type": "Array<Point>|Array<Number>|Point...|Number...",
+                    "multiple": true
                 }
             ]
         },
@@ -541,22 +686,22 @@
             "params": [
                 {
                     "name": "x",
-                    "description": "position of the rectangle",
+                    "description": "The X coord of the upper-left corner of the rectangle",
                     "type": "Number"
                 },
                 {
                     "name": "y",
-                    "description": "position of the rectangle",
+                    "description": "The Y coord of the upper-left corner of the rectangle",
                     "type": "Number"
                 },
                 {
                     "name": "width",
-                    "description": "of the rectangle",
+                    "description": "The overall width of this rectangle",
                     "type": "Number"
                 },
                 {
                     "name": "height",
-                    "description": "of the rectangle",
+                    "description": "The overall height of this rectangle",
                     "type": "Number"
                 }
             ]
@@ -572,7 +717,7 @@
             "module": "PIXI",
             "file": "src/pixi/display/DisplayObject.js",
             "line": 5,
-            "description": "this is the base class for all objects that are rendered on the screen.",
+            "description": "The base class for all objects that are rendered on the screen.",
             "is_constructor": 1
         },
         "DisplayObjectContainer": {
@@ -586,7 +731,7 @@
             "module": "PIXI",
             "file": "src/pixi/display/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.",
+            "description": "A DisplayObjectContainer represents a collection of display objects.\nIt is the base class of all display objects that act as a container for other objects.",
             "extends": "DisplayObject",
             "is_constructor": 1
         },
@@ -608,7 +753,7 @@
                 {
                     "name": "textures",
                     "description": "an array of {Texture} objects that make up the animation",
-                    "type": "Array"
+                    "type": "Array<Texture>"
                 }
             ]
         },
@@ -623,12 +768,13 @@
             "module": "PIXI",
             "file": "src/pixi/display/Sprite.js",
             "line": 10,
+            "description": "The SPrite object is the base for all textured objects that are rendered to the screen",
             "extends": "DisplayObjectContainer",
             "is_constructor": 1,
             "params": [
                 {
                     "name": "texture",
-                    "description": "",
+                    "description": "The texture for this sprite",
                     "type": "Texture"
                 }
             ],
@@ -651,13 +797,8 @@
             "params": [
                 {
                     "name": "backgroundColor",
-                    "description": "the background color of the stage",
+                    "description": "the background color of the stage, easiest way to pass this in is in hex format\n\t\tlike: 0xFFFFFF for white",
                     "type": "Number"
-                },
-                {
-                    "name": "interactive",
-                    "description": "enable / disable interaction (default is false)",
-                    "type": "Boolean"
                 }
             ]
         },
@@ -672,7 +813,7 @@
             "module": "PIXI",
             "file": "src/pixi/extras/CustomRenderable.js",
             "line": 6,
-            "description": "Need to finalize this a bit more but works! Its in but will be working on this feature properly next..:)",
+            "description": "This object is one that will allow you to specify custom rendering functions based on render type",
             "extends": "DisplayObject",
             "is_constructor": 1
         },
@@ -687,15 +828,18 @@
             "module": "PIXI",
             "file": "src/pixi/loaders/SpineLoader.js",
             "line": 10,
-            "description": "The Spine loader is used to load in JSON spine data\nTo generate the data you need to use http://esotericsoftware.com/ and export the \"JSON\" format\nDue to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load\nSee example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source\nYou will need to generate a sprite sheet to accompany the spine data \nWhen loaded this class will dispatch a \"loaded\" event",
-            "is_constructor": 1,
+            "description": "The Spine loader is used to load in JSON spine data\nTo generate the data you need to use http://esotericsoftware.com/ and export the \"JSON\" format\nDue to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load\nSee example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source\nYou will need to generate a sprite sheet to accompany the spine data\nWhen loaded this class will dispatch a \"loaded\" event",
             "extends": "DisplayObjectContainer",
+            "is_constructor": 1,
             "params": [
                 {
                     "name": "url",
-                    "description": "the url of the spine anim file to be used",
+                    "description": "The url of the spine anim file to be used",
                     "type": "String"
                 }
+            ],
+            "uses": [
+                "EventTarget"
             ]
         },
         "TilingSprite": {
@@ -730,6 +874,135 @@
                 }
             ]
         },
+        "AbstractFilter": {
+            "name": "AbstractFilter",
+            "shortname": "AbstractFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/AbstractFilter.js",
+            "line": 6,
+            "description": "This is the base class for  creating a pixi.js filter. Currently only webGL supports filters.\nIf you want to make a custom filter this should be your base class.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "fragmentSrc",
+                    "description": ""
+                },
+                {
+                    "name": "unifroms",
+                    "description": ""
+                }
+            ]
+        },
+        "BlurFilter": {
+            "name": "BlurFilter",
+            "shortname": "BlurFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/BlurFilter.js",
+            "line": 6,
+            "description": "The BlurFilter applies a Gaussian blur to an object. \n The strength of the blur can be set for x- and y-axis separately (always relative to the stage).",
+            "contructor": ""
+        },
+        "ColorMatrixFilter": {
+            "name": "ColorMatrixFilter",
+            "shortname": "ColorMatrixFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/ColorMatrixFilter.js",
+            "line": 5,
+            "description": "The ColorMatrixFilter class lets you apply a 4x4 matrix transformation on the RGBA \n color and alpha values of every pixel on your displayObject to produce a result \n with a new set of RGBA color and alpha values. Its pretty powerful!",
+            "contructor": ""
+        },
+        "DisplacementFilter": {
+            "name": "DisplacementFilter",
+            "shortname": "DisplacementFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/DisplacementFilter.js",
+            "line": 6,
+            "description": "The DisplacementFilter class uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object. \n You can use this filter to apply all manor of crazy warping effects\n Currently the r property of the texture is used offset the x and the g propery of the texture is used to offset the y.",
+            "contructor": "",
+            "params": [
+                {
+                    "name": "texture",
+                    "description": "The texture used for the displacemtent map * must be power of 2 texture at the moment",
+                    "type": "Texture"
+                }
+            ]
+        },
+        "GreyFilter": {
+            "name": "GreyFilter",
+            "shortname": "GreyFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/GreyFilter.js",
+            "line": 6,
+            "description": "This turns your displayObjects to black and white.",
+            "contructor": ""
+        },
+        "InvertFilter": {
+            "name": "InvertFilter",
+            "shortname": "InvertFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/InvertFilter.js",
+            "line": 5,
+            "description": "This inverts your displayObjects colors.",
+            "contructor": ""
+        },
+        "PixelateFilter": {
+            "name": "PixelateFilter",
+            "shortname": "PixelateFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/PixelateFilter.js",
+            "line": 5,
+            "description": "This filter applies a pixlate effect making display objects appear \"blocky\"",
+            "contructor": ""
+        },
+        "SepiaFilter": {
+            "name": "SepiaFilter",
+            "shortname": "SepiaFilter",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "file": "src/pixi/filters/SepiaFilter.js",
+            "line": 7,
+            "description": "This applies a sepia effect to your displayObjects.",
+            "contructor": ""
+        },
         "AssetLoader": {
             "name": "AssetLoader",
             "shortname": "AssetLoader",
@@ -741,14 +1014,21 @@
             "module": "PIXI",
             "file": "src/pixi/loaders/AssetLoader.js",
             "line": 5,
-            "description": "A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()\nWhen all items have been loaded this class will dispatch a \"onLoaded\" event\nAs each individual item is loaded this class will dispatch a \"onProgress\" event",
+            "description": "A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the\nassets have been loaded they are added to the PIXI Texture cache and can be accessed\neasily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()\nWhen all items have been loaded this class will dispatch a \"onLoaded\" event\nAs each individual item is loaded this class will dispatch a \"onProgress\" event",
             "is_constructor": 1,
-            "extends": "EventTarget",
+            "uses": [
+                "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. Supported bitmap font data formats include \"xml\" and \"fnt\".",
-                    "type": "Array"
+                    "description": "an array of image/sprite sheet urls that you would like loaded\n     supported. Supported image formats include \"jpeg\", \"jpg\", \"png\", \"gif\". Supported\n     sprite sheet data formats only include \"JSON\" at this time. Supported bitmap font\n     data formats include \"xml\" and \"fnt\".",
+                    "type": "Array<String>"
+                },
+                {
+                    "name": "crossorigin",
+                    "description": "Whether requests should be treated as crossorigin",
+                    "type": "Boolean"
                 }
             ]
         },
@@ -764,17 +1044,19 @@
             "file": "src/pixi/loaders/BitmapFontLoader.js",
             "line": 5,
             "description": "The xml loader is used to load in XML bitmap font data (\"xml\" or \"fnt\")\nTo generate the data you can use http://www.angelcode.com/products/bmfont/\nThis loader will also load the image file as the data.\nWhen loaded this class will dispatch a \"loaded\" event",
-            "extends": "EventTarget",
+            "uses": [
+                "EventTarget"
+            ],
             "is_constructor": 1,
             "params": [
                 {
                     "name": "url",
-                    "description": "the url of the sprite sheet JSON file",
+                    "description": "The url of the sprite sheet JSON file",
                     "type": "String"
                 },
                 {
                     "name": "crossorigin",
-                    "description": "",
+                    "description": "Whether requests should be treated as crossorigin",
                     "type": "Boolean"
                 }
             ]
@@ -791,7 +1073,9 @@
             "file": "src/pixi/loaders/ImageLoader.js",
             "line": 5,
             "description": "The image loader class is responsible for loading images file formats (\"jpeg\", \"jpg\", \"png\" and \"gif\")\nOnce the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()\nWhen loaded this class will dispatch a 'loaded' event",
-            "extends": "EventTarget",
+            "uses": [
+                "EventTarget"
+            ],
             "is_constructor": 1,
             "params": [
                 {
@@ -801,7 +1085,7 @@
                 },
                 {
                     "name": "crossorigin",
-                    "description": "",
+                    "description": "Whether requests should be treated as crossorigin",
                     "type": "Boolean"
                 }
             ]
@@ -818,17 +1102,19 @@
             "file": "src/pixi/loaders/JsonLoader.js",
             "line": 5,
             "description": "The json file loader is used to load in JSON data and parsing it\nWhen loaded this class will dispatch a \"loaded\" event\nIf load failed this class will dispatch a \"error\" event",
-            "extends": "EventTarget",
+            "uses": [
+                "EventTarget"
+            ],
             "is_constructor": 1,
             "params": [
                 {
                     "name": "url",
-                    "description": "the url of the JSON file",
+                    "description": "The url of the JSON file",
                     "type": "String"
                 },
                 {
                     "name": "crossorigin",
-                    "description": "",
+                    "description": "Whether requests should be treated as crossorigin",
                     "type": "Boolean"
                 }
             ]
@@ -845,17 +1131,19 @@
             "file": "src/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",
+            "uses": [
+                "EventTarget"
+            ],
             "is_constructor": 1,
             "params": [
                 {
                     "name": "url",
-                    "description": "the url of the sprite sheet JSON file",
+                    "description": "The url of the sprite sheet JSON file",
                     "type": "String"
                 },
                 {
                     "name": "crossorigin",
-                    "description": "",
+                    "description": "Whether requests should be treated as crossorigin",
                     "type": "Boolean"
                 }
             ]
@@ -871,7 +1159,7 @@
             "module": "PIXI",
             "file": "src/pixi/primitives/Graphics.js",
             "line": 6,
-            "description": "The Graphics class contains a set of methods that you can use to create primitive shapes and lines. \nIt is important to know that with the webGL renderer only simple polys can be filled at this stage\nComplex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png",
+            "description": "The Graphics class contains a set of methods that you can use to create primitive shapes and lines.\nIt is important to know that with the webGL renderer only simple polys can be filled at this stage\nComplex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png",
             "extends": "DisplayObjectContainer",
             "is_constructor": 1
         },
@@ -885,7 +1173,7 @@
             "extension_for": [],
             "module": "PIXI",
             "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
-            "line": 7,
+            "line": 5,
             "description": "A set of functions used by the webGL renderer to draw the primitive graphics data"
         },
         "CanvasRenderer": {
@@ -903,12 +1191,12 @@
             "is_constructor": 1,
             "params": [
                 {
-                    "name": "width",
+                    "name": "width=0",
                     "description": "the width of the canvas view",
                     "type": "Number"
                 },
                 {
-                    "name": "height",
+                    "name": "height=0",
                     "description": "the height of the canvas view",
                     "type": "Number"
                 },
@@ -918,12 +1206,11 @@
                     "type": "Canvas"
                 },
                 {
-                    "name": "transparent",
+                    "name": "transparent=false",
                     "description": "the transparency of the render view, default false",
                     "type": "Boolean"
                 }
-            ],
-            "default": "false"
+            ]
         },
         "WebGLBatch": {
             "name": "WebGLBatch",
@@ -935,18 +1222,17 @@
             "extension_for": [],
             "module": "PIXI",
             "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
-            "line": 8,
-            "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.",
+            "line": 5,
+            "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\ngrouped into a batch. All the sprites in a batch can then be drawn in one go by the\nGPU which is hugely efficient. ALL sprites in the webGL renderer are added to a batch\neven if the batch only contains one sprite. Batching is handled automatically by the\nwebGL renderer. A good tip is: the smaller the number of batchs there are, the faster\nthe webGL renderer will run.",
+            "is_constructor": 1,
             "params": [
                 {
-                    "name": "an",
-                    "description": "instance of the webGL context"
+                    "name": "gl",
+                    "description": "an instance of the webGL context",
+                    "type": "WebGLContext"
                 }
             ],
-            "return": {
-                "description": "WebGLBatch {@link PIXI.renderers.WebGLBatch}",
-                "type": "PIXI.renderers.WebGLBatch"
-            }
+            "contructor": ""
         },
         "WebGLRenderer": {
             "name": "WebGLRenderer",
@@ -959,16 +1245,16 @@
             "module": "PIXI",
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
             "line": 11,
-            "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 :)",
+            "description": "the WebGLRenderer is draws the stage and all its content onto a webGL enabled canvas. This renderer\nshould be used for browsers support webGL. This Render works by automatically managing webGLBatchs.\nSo 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 :)",
             "is_constructor": 1,
             "params": [
                 {
-                    "name": "width",
+                    "name": "width=0",
                     "description": "the width of the canvas view",
                     "type": "Number"
                 },
                 {
-                    "name": "height",
+                    "name": "height=0",
                     "description": "the height of the canvas view",
                     "type": "Number"
                 },
@@ -978,12 +1264,16 @@
                     "type": "Canvas"
                 },
                 {
-                    "name": "transparent",
+                    "name": "transparent=false",
                     "description": "the transparency of the render view, default false",
                     "type": "Boolean"
+                },
+                {
+                    "name": "antialias=false",
+                    "description": "sets antialias (only applicable in chrome at the moment)",
+                    "type": "Boolean"
                 }
-            ],
-            "default": "false"
+            ]
         },
         "BitmapText": {
             "name": "BitmapText",
@@ -996,7 +1286,7 @@
             "module": "PIXI",
             "file": "src/pixi/text/BitmapText.js",
             "line": 5,
-            "description": "A Text Object will create a line(s) of text using bitmap font. To split a line you can use \"\\n\", \"\\r\" or \"\\r\\n\"\nYou can generate the fnt files using \nhttp://www.angelcode.com/products/bmfont/ for windows or\nhttp://www.bmglyph.com/ for mac.",
+            "description": "A Text Object will create a line(s) of text using bitmap font. To split a line you can use \"\\n\", \"\\r\" or \"\\r\\n\"\nYou can generate the fnt files using\nhttp://www.angelcode.com/products/bmfont/ for windows or\nhttp://www.bmglyph.com/ for mac.",
             "extends": "DisplayObjectContainer",
             "is_constructor": 1,
             "params": [
@@ -1115,7 +1405,9 @@
             "file": "src/pixi/textures/BaseTexture.js",
             "line": 9,
             "description": "A texture stores the information that represents an image. All textures have a base texture",
-            "extends": "EventTarget",
+            "uses": [
+                "EventTarget"
+            ],
             "is_constructor": 1,
             "params": [
                 {
@@ -1142,12 +1434,12 @@
             "params": [
                 {
                     "name": "width",
-                    "description": "",
+                    "description": "The width of the render texture",
                     "type": "Number"
                 },
                 {
                     "name": "height",
-                    "description": "",
+                    "description": "The height of the render texture",
                     "type": "Number"
                 }
             ]
@@ -1163,24 +1455,98 @@
             "module": "PIXI",
             "file": "src/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",
+            "description": "A texture stores the information that represents an image or part of an image. It cannot be added\nto the display list directly. To do this use PIXI.Sprite. If no frame is provided then the whole image is used",
+            "uses": [
+                "EventTarget"
+            ],
             "is_constructor": 1,
             "params": [
                 {
                     "name": "baseTexture",
-                    "description": "",
+                    "description": "The base texture source to create the texture from",
                     "type": "BaseTexture"
                 },
                 {
-                    "name": "frmae",
-                    "description": "",
+                    "name": "frame",
+                    "description": "The rectangle frame of the texture to show",
                     "type": "Rectangle"
                 }
             ]
         },
-        "InteractionManager": {
-            "name": "InteractionManager",
+        "EventTarget": {
+            "name": "EventTarget",
+            "shortname": "EventTarget",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [
+                "Spine",
+                "AssetLoader",
+                "BitmapFontLoader",
+                "ImageLoader",
+                "JsonLoader",
+                "SpriteSheetLoader",
+                "BaseTexture",
+                "Texture"
+            ],
+            "module": "PIXI",
+            "file": "src/pixi/utils/EventTarget.js",
+            "line": 6,
+            "description": "Adds event emitter functionality to a class",
+            "example": [
+                "\n\t\tfunction MyEmitter() {\n\t\t\tPIXI.EventTarget.call(this); //mixes in event target stuff\n\t\t}\n\n\t\tvar em = new MyEmitter();\n\t\tem.emit({ type: 'eventName', data: 'some data' });"
+            ]
+        },
+        "PolyK._PointInTriangle": {
+            "name": "PolyK._PointInTriangle",
+            "shortname": "PolyK._PointInTriangle",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "namespace": "PolyK",
+            "file": "src/pixi/utils/Polyk.js",
+            "line": 109,
+            "description": "Checks if a point is within a triangle",
+            "access": "private",
+            "tagname": ""
+        },
+        "PolyK._convex": {
+            "name": "PolyK._convex",
+            "shortname": "PolyK._convex",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "namespace": "PolyK",
+            "file": "src/pixi/utils/Polyk.js",
+            "line": 139,
+            "description": "Checks if a shape is convex",
+            "access": "private",
+            "tagname": ""
+        },
+        "PolyK.AjaxRequest": {
+            "name": "PolyK.AjaxRequest",
+            "shortname": "AjaxRequest",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "PIXI",
+            "namespace": "PolyK",
+            "file": "src/pixi/utils/Utils.js",
+            "line": 81,
+            "description": "A wrapper for ajax requests to be handled cross browser",
+            "is_constructor": 1
+        },
+        "PolyK.InteractionManager": {
+            "name": "PolyK.InteractionManager",
             "shortname": "InteractionManager",
             "classitems": [],
             "plugins": [],
@@ -1188,21 +1554,21 @@
             "plugin_for": [],
             "extension_for": [],
             "module": "PIXI",
+            "namespace": "PolyK",
             "file": "src/pixi/InteractionManager.js",
-            "line": 7,
+            "line": 5,
             "description": "The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive\nThis manager also supports multitouch.",
             "is_constructor": 1,
             "params": [
                 {
                     "name": "stage",
-                    "description": "",
+                    "description": "The stage to handle interactions",
                     "type": "Stage"
                 }
-            ],
-            "type": "Stage"
+            ]
         },
-        "InteractionData": {
-            "name": "InteractionData",
+        "PolyK.InteractionData": {
+            "name": "PolyK.InteractionData",
             "shortname": "InteractionData",
             "classitems": [],
             "plugins": [],
@@ -1210,8 +1576,10 @@
             "plugin_for": [],
             "extension_for": [],
             "module": "PIXI",
+            "namespace": "PolyK",
             "file": "src/pixi/InteractionManager.js",
-            "line": 493,
+            "line": 646,
+            "description": "Holds all information related to an Interaction event",
             "is_constructor": 1
         }
     },
@@ -1224,7 +1592,7 @@
         },
         {
             "file": "src/pixi/core/Circle.js",
-            "line": 14,
+            "line": 16,
             "itemtype": "property",
             "name": "x",
             "type": "Number",
@@ -1233,7 +1601,7 @@
         },
         {
             "file": "src/pixi/core/Circle.js",
-            "line": 21,
+            "line": 23,
             "itemtype": "property",
             "name": "y",
             "type": "Number",
@@ -1242,7 +1610,7 @@
         },
         {
             "file": "src/pixi/core/Circle.js",
-            "line": 28,
+            "line": 30,
             "itemtype": "property",
             "name": "radius",
             "type": "Number",
@@ -1251,17 +1619,20 @@
         },
         {
             "file": "src/pixi/core/Circle.js",
-            "line": 36,
+            "line": 38,
+            "description": "Creates a clone of this Circle instance",
             "itemtype": "method",
             "name": "clone",
             "return": {
-                "description": "a copy of the polygon"
+                "description": "a copy of the polygon",
+                "type": "Circle"
             },
             "class": "Circle"
         },
         {
             "file": "src/pixi/core/Circle.js",
-            "line": 45,
+            "line": 49,
+            "description": "Checks if the x, and y coords passed to this function are contained within this circle",
             "itemtype": "method",
             "name": "contains",
             "params": [
@@ -1277,7 +1648,8 @@
                 }
             ],
             "return": {
-                "description": "if the x/y coords are within this polygon"
+                "description": "if the x/y coords are within this polygon",
+                "type": "Boolean"
             },
             "class": "Circle"
         },
@@ -1289,7 +1661,7 @@
         },
         {
             "file": "src/pixi/core/Ellipse.js",
-            "line": 15,
+            "line": 17,
             "itemtype": "property",
             "name": "x",
             "type": "Number",
@@ -1298,7 +1670,7 @@
         },
         {
             "file": "src/pixi/core/Ellipse.js",
-            "line": 22,
+            "line": 24,
             "itemtype": "property",
             "name": "y",
             "type": "Number",
@@ -1307,7 +1679,7 @@
         },
         {
             "file": "src/pixi/core/Ellipse.js",
-            "line": 29,
+            "line": 31,
             "itemtype": "property",
             "name": "width",
             "type": "Number",
@@ -1316,7 +1688,7 @@
         },
         {
             "file": "src/pixi/core/Ellipse.js",
-            "line": 36,
+            "line": 38,
             "itemtype": "property",
             "name": "height",
             "type": "Number",
@@ -1325,17 +1697,20 @@
         },
         {
             "file": "src/pixi/core/Ellipse.js",
-            "line": 44,
+            "line": 46,
+            "description": "Creates a clone of this Ellipse instance",
             "itemtype": "method",
             "name": "clone",
             "return": {
-                "description": "a copy of the polygon"
+                "description": "a copy of the ellipse",
+                "type": "Ellipse"
             },
             "class": "Ellipse"
         },
         {
             "file": "src/pixi/core/Ellipse.js",
-            "line": 53,
+            "line": 57,
+            "description": "Checks if the x, and y coords passed to this function are contained within this ellipse",
             "itemtype": "method",
             "name": "contains",
             "params": [
@@ -1351,7 +1726,8 @@
                 }
             ],
             "return": {
-                "description": "if the x/y coords are within this polygon"
+                "description": "if the x/y coords are within this ellipse",
+                "type": "Boolean"
             },
             "class": "Ellipse"
         },
@@ -1363,7 +1739,7 @@
         },
         {
             "file": "src/pixi/core/Point.js",
-            "line": 14,
+            "line": 15,
             "itemtype": "property",
             "name": "x",
             "type": "Number",
@@ -1372,7 +1748,7 @@
         },
         {
             "file": "src/pixi/core/Point.js",
-            "line": 21,
+            "line": 22,
             "itemtype": "property",
             "name": "y",
             "type": "Number",
@@ -1381,11 +1757,13 @@
         },
         {
             "file": "src/pixi/core/Point.js",
-            "line": 29,
+            "line": 30,
+            "description": "Creates a clone of this point",
             "itemtype": "method",
             "name": "clone",
             "return": {
-                "description": "a copy of the point"
+                "description": "a copy of the point",
+                "type": "Point"
             },
             "class": "Point"
         },
@@ -1397,17 +1775,20 @@
         },
         {
             "file": "src/pixi/core/Polygon.js",
-            "line": 28,
+            "line": 35,
+            "description": "Creates a clone of this polygon",
             "itemtype": "method",
             "name": "clone",
             "return": {
-                "description": "a copy of the polygon"
+                "description": "a copy of the polygon",
+                "type": "Polygon"
             },
             "class": "Polygon"
         },
         {
             "file": "src/pixi/core/Polygon.js",
-            "line": 42,
+            "line": 51,
+            "description": "Checks if the x, and y coords passed to this function are contained within this polygon",
             "itemtype": "method",
             "name": "contains",
             "params": [
@@ -1423,7 +1804,8 @@
                 }
             ],
             "return": {
-                "description": "if the x/y coords are within this polygon"
+                "description": "if the x/y coords are within this polygon",
+                "type": "Boolean"
             },
             "class": "Polygon"
         },
@@ -1435,7 +1817,7 @@
         },
         {
             "file": "src/pixi/core/Rectangle.js",
-            "line": 16,
+            "line": 17,
             "itemtype": "property",
             "name": "x",
             "type": "Number",
@@ -1444,7 +1826,7 @@
         },
         {
             "file": "src/pixi/core/Rectangle.js",
-            "line": 23,
+            "line": 24,
             "itemtype": "property",
             "name": "y",
             "type": "Number",
@@ -1453,7 +1835,7 @@
         },
         {
             "file": "src/pixi/core/Rectangle.js",
-            "line": 30,
+            "line": 31,
             "itemtype": "property",
             "name": "width",
             "type": "Number",
@@ -1462,7 +1844,7 @@
         },
         {
             "file": "src/pixi/core/Rectangle.js",
-            "line": 37,
+            "line": 38,
             "itemtype": "property",
             "name": "height",
             "type": "Number",
@@ -1471,17 +1853,20 @@
         },
         {
             "file": "src/pixi/core/Rectangle.js",
-            "line": 45,
+            "line": 46,
+            "description": "Creates a clone of this Rectangle",
             "itemtype": "method",
             "name": "clone",
             "return": {
-                "description": "a copy of the rectangle"
+                "description": "a copy of the rectangle",
+                "type": "Rectangle"
             },
             "class": "Rectangle"
         },
         {
             "file": "src/pixi/core/Rectangle.js",
-            "line": 54,
+            "line": 57,
+            "description": "Checks if the x, and y coords passed to this function are contained within this Rectangle",
             "itemtype": "method",
             "name": "contains",
             "params": [
@@ -1497,7 +1882,8 @@
                 }
             ],
             "return": {
-                "description": "if the x/y coords are within this polygon"
+                "description": "if the x/y coords are within this Rectangle",
+                "type": "Boolean"
             },
             "class": "Rectangle"
         },
@@ -1518,7 +1904,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 22,
+            "line": 23,
             "description": "The scale factor of the object.",
             "itemtype": "property",
             "name": "scale",
@@ -1527,7 +1913,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 29,
+            "line": 31,
             "description": "The pivot point of the displayObject that it rotates around",
             "itemtype": "property",
             "name": "pivot",
@@ -1536,7 +1922,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 36,
+            "line": 39,
             "description": "The rotation of the object in radians.",
             "itemtype": "property",
             "name": "rotation",
@@ -1545,7 +1931,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 43,
+            "line": 47,
             "description": "The opacity of the object.",
             "itemtype": "property",
             "name": "alpha",
@@ -1554,7 +1940,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 50,
+            "line": 55,
             "description": "The visibility of the object.",
             "itemtype": "property",
             "name": "visible",
@@ -1563,34 +1949,16 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 58,
-            "description": "[read-only] The display object container that contains this display object.",
+            "line": 63,
+            "description": "This is the defined area that will pick up mouse / touch events. It is null by default.\nSetting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)",
             "itemtype": "property",
-            "name": "parent",
-            "type": "DisplayObjectContainer",
-            "class": "DisplayObject"
-        },
-        {
-            "file": "src/pixi/display/DisplayObject.js",
-            "line": 65,
-            "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",
+            "name": "hitArea",
+            "type": "Rectangle|Circle|Ellipse|Polygon",
             "class": "DisplayObject"
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
             "line": 72,
-            "description": "This is the defined area that will pick up mouse / touch events. It is null by default.\nSetting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)",
-            "itemtype": "property",
-            "name": "hitArea",
-            "type": "Rectangle",
-            "class": "DisplayObject"
-        },
-        {
-            "file": "src/pixi/display/DisplayObject.js",
-            "line": 98,
             "description": "This is used to indicate if the displayObject should display a mouse hand cursor on rollover",
             "itemtype": "property",
             "name": "buttonMode",
@@ -1599,7 +1967,104 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 109,
+            "line": 80,
+            "description": "Can this object be rendered",
+            "itemtype": "property",
+            "name": "renderable",
+            "type": "Boolean",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 88,
+            "description": "[read-only] The display object container that contains this display object.",
+            "itemtype": "property",
+            "name": "parent",
+            "type": "DisplayObjectContainer",
+            "readonly": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 97,
+            "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",
+            "readonly": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 106,
+            "description": "[read-only] The multiplied alpha of the displayobject",
+            "itemtype": "property",
+            "name": "worldAlpha",
+            "type": "Number",
+            "readonly": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 115,
+            "description": "[read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property",
+            "itemtype": "property",
+            "name": "_interactive",
+            "type": "Boolean",
+            "readonly": "",
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 125,
+            "description": "[read-only] Current transform of the object based on world (parent) factors",
+            "itemtype": "property",
+            "name": "worldTransform",
+            "type": "Mat3",
+            "readonly": "",
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 135,
+            "description": "[read-only] Current transform of the object locally",
+            "itemtype": "property",
+            "name": "localTransform",
+            "type": "Mat3",
+            "readonly": "",
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 145,
+            "description": "[NYI] Unkown",
+            "itemtype": "property",
+            "name": "color",
+            "type": "Array<>",
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 154,
+            "description": "[NYI] Holds whether or not this object is dynamic, for rendering optimization",
+            "itemtype": "property",
+            "name": "dynamic",
+            "type": "Boolean",
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObject"
+        },
+        {
+            "file": "src/pixi/display/DisplayObject.js",
+            "line": 174,
             "description": "A callback that is used when the users clicks on the displayObject with their mouse",
             "itemtype": "method",
             "name": "click",
@@ -1614,7 +2079,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 115,
+            "line": 180,
             "description": "A callback that is used when the user clicks the mouse down over the sprite",
             "itemtype": "method",
             "name": "mousedown",
@@ -1629,7 +2094,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 121,
+            "line": 186,
             "description": "A callback that is used when the user releases the mouse that was over the displayObject\nfor this callback to be fired the mouse must have been pressed down over the displayObject",
             "itemtype": "method",
             "name": "mouseup",
@@ -1644,7 +2109,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 128,
+            "line": 193,
             "description": "A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject\nfor this callback to be fired, The touch must have started over the displayObject",
             "itemtype": "method",
             "name": "mouseupoutside",
@@ -1659,7 +2124,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 135,
+            "line": 200,
             "description": "A callback that is used when the users mouse rolls over the displayObject",
             "itemtype": "method",
             "name": "mouseover",
@@ -1674,7 +2139,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 141,
+            "line": 206,
             "description": "A callback that is used when the users mouse leaves the displayObject",
             "itemtype": "method",
             "name": "mouseout",
@@ -1689,7 +2154,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 152,
+            "line": 217,
             "description": "A callback that is used when the users taps on the sprite with their finger\nbasically a touch version of click",
             "itemtype": "method",
             "name": "tap",
@@ -1704,7 +2169,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 159,
+            "line": 224,
             "description": "A callback that is used when the user touch's over the displayObject",
             "itemtype": "method",
             "name": "touchstart",
@@ -1719,7 +2184,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 165,
+            "line": 230,
             "description": "A callback that is used when the user releases a touch over the displayObject",
             "itemtype": "method",
             "name": "touchend",
@@ -1734,7 +2199,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 171,
+            "line": 236,
             "description": "A callback that is used when the user releases the touch that was over the displayObject\nfor this callback to be fired, The touch must have started over the sprite",
             "itemtype": "method",
             "name": "touchendoutside",
@@ -1749,7 +2214,7 @@
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 193,
+            "line": 247,
             "description": "[Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default\nInstead of using this function you can now simply set the interactive property to true or false",
             "itemtype": "method",
             "name": "setInteractive",
@@ -1760,31 +2225,36 @@
                     "type": "Boolean"
                 }
             ],
+            "deprecated": true,
+            "deprecationMessage": "Simply set the `interactive` property directly",
             "class": "DisplayObject"
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 204,
+            "line": 260,
             "description": "Indicates if the sprite will have touch and mouse interactivity. It is false by default",
             "itemtype": "property",
             "name": "interactive",
             "type": "Boolean",
+            "default": "false",
             "class": "DisplayObject"
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 222,
+            "line": 280,
             "description": "Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.\nIn PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.\nTo remove a mask, set this property to null.",
             "itemtype": "property",
             "name": "mask",
-            "type": "PIXI.Graphics",
+            "type": "Graphics",
             "class": "DisplayObject"
         },
         {
             "file": "src/pixi/display/DisplayObject.js",
-            "line": 399,
-            "access": "private",
-            "tagname": "",
+            "line": 318,
+            "description": "Sets the filters for the displayObject. \n* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.\nTo remove filters simply set this property to 'null'",
+            "itemtype": "property",
+            "name": "filters",
+            "type": "Array An array of filters",
             "class": "DisplayObject"
         },
         {
@@ -1795,23 +2265,24 @@
         },
         {
             "file": "src/pixi/display/DisplayObjectContainer.js",
-            "line": 16,
+            "line": 18,
             "description": "[read-only] The of children of this container.",
             "itemtype": "property",
             "name": "children",
-            "type": "Array",
+            "type": "Array<DisplayObject>",
+            "readonly": "",
             "class": "DisplayObjectContainer"
         },
         {
             "file": "src/pixi/display/DisplayObjectContainer.js",
-            "line": 42,
+            "line": 32,
             "description": "Adds a child to the container.",
             "itemtype": "method",
             "name": "addChild",
             "params": [
                 {
-                    "name": "DisplayObject",
-                    "description": "",
+                    "name": "child",
+                    "description": "The DisplayObject to add to the container",
                     "type": "DisplayObject"
                 }
             ],
@@ -1819,19 +2290,19 @@
         },
         {
             "file": "src/pixi/display/DisplayObjectContainer.js",
-            "line": 139,
+            "line": 120,
             "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": "",
+                    "name": "child",
+                    "description": "The child to add",
                     "type": "DisplayObject"
                 },
                 {
                     "name": "index",
-                    "description": "",
+                    "description": "The index to place the child in",
                     "type": "Number"
                 }
             ],
@@ -1839,61 +2310,56 @@
         },
         {
             "file": "src/pixi/display/DisplayObjectContainer.js",
-            "line": 227,
-            "description": "Swaps the depth of 2 displayObjects",
+            "line": 207,
+            "description": "[NYI] Swaps the depth of 2 displayObjects",
             "itemtype": "method",
             "name": "swapChildren",
             "params": [
                 {
-                    "name": "DisplayObject",
+                    "name": "child",
                     "description": "",
                     "type": "DisplayObject"
                 },
                 {
-                    "name": "DisplayObject2",
+                    "name": "child2",
                     "description": "",
                     "type": "DisplayObject"
                 }
             ],
+            "access": "private",
+            "tagname": "",
+            "class": "DisplayObjectContainer"
+        },
+        {
+            "file": "src/pixi/display/DisplayObjectContainer.js",
+            "line": 256,
+            "description": "Returns the Child at the specified index",
+            "itemtype": "method",
+            "name": "getChildAt",
+            "params": [
+                {
+                    "name": "index",
+                    "description": "The index to get the child from",
+                    "type": "Number"
+                }
+            ],
             "class": "DisplayObjectContainer"
         },
         {
             "file": "src/pixi/display/DisplayObjectContainer.js",
             "line": 274,
-            "description": "Returns the Child at the specified index",
-            "itemtype": "method",
-            "name": "getChildAt",
-            "params": [
-                {
-                    "name": "index",
-                    "description": "",
-                    "type": "Number"
-                }
-            ],
-            "class": "DisplayObjectContainer"
-        },
-        {
-            "file": "src/pixi/display/DisplayObjectContainer.js",
-            "line": 291,
             "description": "Removes a child from the container.",
             "itemtype": "method",
             "name": "removeChild",
             "params": [
                 {
-                    "name": "DisplayObject",
-                    "description": "",
+                    "name": "child",
+                    "description": "The DisplayObject to remove",
                     "type": "DisplayObject"
                 }
             ],
             "class": "DisplayObjectContainer"
         },
-        {
-            "file": "src/pixi/display/DisplayObjectContainer.js",
-            "line": 358,
-            "access": "private",
-            "tagname": "",
-            "class": "DisplayObjectContainer"
-        },
         {
             "file": "src/pixi/display/MovieClip.js",
             "line": 1,
@@ -1902,7 +2368,7 @@
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 16,
+            "line": 17,
             "description": "The array of textures that make up the animation",
             "itemtype": "property",
             "name": "textures",
@@ -1911,34 +2377,27 @@
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 23,
-            "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": "src/pixi/display/MovieClip.js",
-            "line": 30,
+            "line": 25,
             "description": "The speed that the MovieClip will play at. Higher is faster, lower is slower",
             "itemtype": "property",
             "name": "animationSpeed",
             "type": "Number",
+            "default": "1",
             "class": "MovieClip"
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 37,
+            "line": 34,
             "description": "Whether or not the movie clip repeats after playing.",
             "itemtype": "property",
             "name": "loop",
             "type": "Boolean",
+            "default": "true",
             "class": "MovieClip"
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 44,
+            "line": 43,
             "description": "Function to call when a MovieClip finishes playing",
             "itemtype": "property",
             "name": "onComplete",
@@ -1948,15 +2407,38 @@
         {
             "file": "src/pixi/display/MovieClip.js",
             "line": 51,
-            "description": "[read only] indicates if the MovieClip is currently playing",
+            "description": "[read-only] The index MovieClips current frame (this may not have to be a whole number)",
             "itemtype": "property",
-            "name": "playing",
-            "type": "Boolean",
+            "name": "currentFrame",
+            "type": "Number",
+            "default": "0",
+            "readonly": "",
             "class": "MovieClip"
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 63,
+            "line": 61,
+            "description": "[read-only] Indicates if the MovieClip is currently playing",
+            "itemtype": "property",
+            "name": "playing",
+            "type": "Boolean",
+            "readonly": "",
+            "class": "MovieClip"
+        },
+        {
+            "file": "src/pixi/display/MovieClip.js",
+            "line": 75,
+            "description": "[read-only] totalFrames is the total number of frames in the MovieClip. This is the same as number of textures\nassigned to the MovieClip.",
+            "itemtype": "property",
+            "name": "totalFrames",
+            "type": "Number",
+            "default": "0",
+            "readonly": "",
+            "class": "MovieClip"
+        },
+        {
+            "file": "src/pixi/display/MovieClip.js",
+            "line": 92,
             "description": "Stops the MovieClip",
             "itemtype": "method",
             "name": "stop",
@@ -1964,7 +2446,7 @@
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 72,
+            "line": 102,
             "description": "Plays the MovieClip",
             "itemtype": "method",
             "name": "play",
@@ -1972,7 +2454,7 @@
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 81,
+            "line": 112,
             "description": "Stops the MovieClip and goes to a specific frame",
             "itemtype": "method",
             "name": "gotoAndStop",
@@ -1987,7 +2469,7 @@
         },
         {
             "file": "src/pixi/display/MovieClip.js",
-            "line": 94,
+            "line": 126,
             "description": "Goes to a specific frame and begins playing the MovieClip",
             "itemtype": "method",
             "name": "gotoAndPlay",
@@ -2008,7 +2490,7 @@
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 21,
+            "line": 23,
             "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",
@@ -2017,7 +2499,7 @@
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 31,
+            "line": 34,
             "description": "The texture that the sprite is using",
             "itemtype": "property",
             "name": "texture",
@@ -2026,34 +2508,57 @@
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 38,
+            "line": 42,
             "description": "The blend mode of sprite.\ncurrently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN",
             "itemtype": "property",
             "name": "blendMode",
-            "type": "uint",
+            "type": "Number",
             "class": "Sprite"
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 46,
+            "line": 51,
             "description": "The width of the sprite (this is initially set by the texture)",
             "itemtype": "property",
-            "name": "width",
-            "type": "#Number",
+            "name": "_width",
+            "type": "Number",
+            "access": "private",
+            "tagname": "",
             "class": "Sprite"
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 53,
+            "line": 60,
             "description": "The height of the sprite (this is initially set by the texture)",
             "itemtype": "property",
-            "name": "height",
-            "type": "#Number",
+            "name": "_height",
+            "type": "Number",
+            "access": "private",
+            "tagname": "",
             "class": "Sprite"
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 103,
+            "line": 86,
+            "description": "The width of the sprite, setting this will actually modify the scale to acheive the value set",
+            "itemtype": "property",
+            "name": "width",
+            "type": "Number",
+            "class": "Sprite"
+        },
+        {
+            "file": "src/pixi/display/Sprite.js",
+            "line": 102,
+            "description": "The height of the sprite, setting this will actually modify the scale to acheive the value set",
+            "itemtype": "property",
+            "name": "height",
+            "type": "Number",
+            "class": "Sprite"
+        },
+        {
+            "file": "src/pixi/display/Sprite.js",
+            "line": 118,
+            "description": "Sets the texture of the sprite",
             "itemtype": "method",
             "name": "setTexture",
             "params": [
@@ -2067,14 +2572,23 @@
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 119,
+            "line": 145,
+            "description": "When the texture is updated, this event will fire to update the scale and frame",
+            "itemtype": "method",
+            "name": "onTextureUpdate",
+            "params": [
+                {
+                    "name": "event",
+                    "description": ""
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "Sprite"
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 135,
+            "line": 165,
             "description": "Helper function that creates a sprite that will contain a texture from the TextureCache based on the frameId\n The frame ids are created when a Texture packer file has been loaded",
             "itemtype": "method",
             "name": "fromFrame",
@@ -2094,15 +2608,16 @@
         },
         {
             "file": "src/pixi/display/Sprite.js",
-            "line": 151,
+            "line": 182,
             "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"
+                    "name": "imageId",
+                    "description": "The image url of the texture",
+                    "type": "String"
                 }
             ],
             "return": {
@@ -2119,21 +2634,70 @@
         },
         {
             "file": "src/pixi/display/Stage.js",
-            "line": 42,
-            "itemtype": "method",
-            "name": "updateTransform",
-            "internal": "",
+            "line": 18,
+            "description": "[read-only] Current transform of the object based on world (parent) factors",
+            "itemtype": "property",
+            "name": "worldTransform",
+            "type": "Mat3",
+            "readonly": "",
+            "access": "private",
+            "tagname": "",
             "class": "Stage"
         },
         {
             "file": "src/pixi/display/Stage.js",
-            "line": 65,
+            "line": 28,
+            "description": "Whether or not the stage is interactive",
+            "itemtype": "property",
+            "name": "interactive",
+            "type": "Boolean",
+            "class": "Stage"
+        },
+        {
+            "file": "src/pixi/display/Stage.js",
+            "line": 36,
+            "description": "The interaction manage for this stage, manages all interactive activity on the stage",
+            "itemtype": "property",
+            "name": "interactive",
+            "type": "InteractionManager",
+            "class": "Stage"
+        },
+        {
+            "file": "src/pixi/display/Stage.js",
+            "line": 44,
+            "description": "Whether the stage is dirty and needs to have interactions updated",
+            "itemtype": "property",
+            "name": "dirty",
+            "type": "Boolean",
+            "access": "private",
+            "tagname": "",
+            "class": "Stage"
+        },
+        {
+            "file": "src/pixi/display/Stage.js",
+            "line": 70,
+            "description": "Sets another DOM element which can receive mouse/touch interactions instead of the default Canvas element.\nThis is useful for when you have other DOM elements ontop of the Canvas element.",
+            "itemtype": "method",
+            "name": "setInteractionDelegate",
+            "params": [
+                {
+                    "name": "domElement",
+                    "description": "This new domElement which will receive mouse/touch events",
+                    "type": "DOMElement"
+                }
+            ],
+            "class": "Stage"
+        },
+        {
+            "file": "src/pixi/display/Stage.js",
+            "line": 109,
+            "description": "Sets the background color for the stage",
             "itemtype": "method",
             "name": "setBackgroundColor",
             "params": [
                 {
                     "name": "backgroundColor",
-                    "description": "",
+                    "description": "the color of the background, easiest way to pass this in is in hex format\n\t\tlike: 0xFFFFFF for white",
                     "type": "Number"
                 }
             ],
@@ -2141,7 +2705,7 @@
         },
         {
             "file": "src/pixi/display/Stage.js",
-            "line": 78,
+            "line": 125,
             "description": "This will return the point containing global coords of the mouse.",
             "itemtype": "method",
             "name": "getMousePosition",
@@ -2157,6 +2721,51 @@
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
             "class": "CustomRenderable"
         },
+        {
+            "file": "src/pixi/extras/CustomRenderable.js",
+            "line": 24,
+            "description": "If this object is being rendered by a CanvasRenderer it will call this callback",
+            "itemtype": "method",
+            "name": "renderCanvas",
+            "params": [
+                {
+                    "name": "renderer",
+                    "description": "The renderer instance",
+                    "type": "CanvasRenderer"
+                }
+            ],
+            "class": "CustomRenderable"
+        },
+        {
+            "file": "src/pixi/extras/CustomRenderable.js",
+            "line": 35,
+            "description": "If this object is being rendered by a WebGLRenderer it will call this callback to initialize",
+            "itemtype": "method",
+            "name": "initWebGL",
+            "params": [
+                {
+                    "name": "renderer",
+                    "description": "The renderer instance",
+                    "type": "WebGLRenderer"
+                }
+            ],
+            "class": "CustomRenderable"
+        },
+        {
+            "file": "src/pixi/extras/CustomRenderable.js",
+            "line": 46,
+            "description": "If this object is being rendered by a WebGLRenderer it will call this callback",
+            "itemtype": "method",
+            "name": "renderWebGL",
+            "params": [
+                {
+                    "name": "renderer",
+                    "description": "The renderer instance",
+                    "type": "WebGLRenderer"
+                }
+            ],
+            "class": "CustomRenderable"
+        },
         {
             "file": "src/pixi/extras/Rope.js",
             "line": 1,
@@ -2171,20 +2780,10 @@
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 308,
+            "line": 327,
             "description": "cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of",
             "class": "Spine"
         },
-        {
-            "file": "src/pixi/extras/Spine.js",
-            "line": 604,
-            "class": "Spine"
-        },
-        {
-            "file": "src/pixi/extras/Spine.js",
-            "line": 611,
-            "class": "Spine"
-        },
         {
             "file": "src/pixi/extras/Spine.js",
             "line": 618,
@@ -2192,12 +2791,12 @@
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 626,
+            "line": 625,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 633,
+            "line": 632,
             "class": "Spine"
         },
         {
@@ -2207,27 +2806,27 @@
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 675,
+            "line": 647,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 683,
+            "line": 654,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 698,
+            "line": 689,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 702,
+            "line": 697,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 709,
+            "line": 712,
             "class": "Spine"
         },
         {
@@ -2242,33 +2841,33 @@
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 735,
+            "line": 730,
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/extras/Spine.js",
+            "line": 737,
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/extras/Spine.js",
+            "line": 749,
             "description": "from the new skin are attached if the corresponding attachment from the old skin was attached.",
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 742,
+            "line": 756,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 746,
+            "line": 760,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 755,
-            "class": "Spine"
-        },
-        {
-            "file": "src/pixi/extras/Spine.js",
-            "line": 948,
-            "class": "Spine"
-        },
-        {
-            "file": "src/pixi/extras/Spine.js",
-            "line": 954,
+            "line": 769,
             "class": "Spine"
         },
         {
@@ -2283,12 +2882,22 @@
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 984,
+            "line": 972,
             "class": "Spine"
         },
         {
             "file": "src/pixi/extras/Spine.js",
-            "line": 1401,
+            "line": 978,
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/extras/Spine.js",
+            "line": 996,
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/extras/Spine.js",
+            "line": 1415,
             "class": "Spine"
         },
         {
@@ -2305,7 +2914,34 @@
         },
         {
             "file": "src/pixi/extras/TilingSprite.js",
-            "line": 22,
+            "line": 19,
+            "description": "The texture that the sprite is using",
+            "itemtype": "property",
+            "name": "texture",
+            "type": "Texture",
+            "class": "TilingSprite"
+        },
+        {
+            "file": "src/pixi/extras/TilingSprite.js",
+            "line": 27,
+            "description": "The width of the tiling sprite",
+            "itemtype": "property",
+            "name": "width",
+            "type": "Number",
+            "class": "TilingSprite"
+        },
+        {
+            "file": "src/pixi/extras/TilingSprite.js",
+            "line": 35,
+            "description": "The height of the tiling sprite",
+            "itemtype": "property",
+            "name": "height",
+            "type": "Number",
+            "class": "TilingSprite"
+        },
+        {
+            "file": "src/pixi/extras/TilingSprite.js",
+            "line": 43,
             "description": "The scaling of the image that is being tiled",
             "itemtype": "property",
             "name": "tileScale",
@@ -2314,21 +2950,232 @@
         },
         {
             "file": "src/pixi/extras/TilingSprite.js",
-            "line": 28,
+            "line": 51,
             "description": "The offset position of the image that is being tiled",
             "itemtype": "property",
             "name": "tilePosition",
             "type": "Point",
             "class": "TilingSprite"
         },
+        {
+            "file": "src/pixi/extras/TilingSprite.js",
+            "line": 68,
+            "description": "Sets the texture of the tiling sprite",
+            "itemtype": "method",
+            "name": "setTexture",
+            "params": [
+                {
+                    "name": "texture",
+                    "description": "The PIXI texture that is displayed by the sprite",
+                    "type": "Texture"
+                }
+            ],
+            "class": "TilingSprite"
+        },
+        {
+            "file": "src/pixi/extras/TilingSprite.js",
+            "line": 84,
+            "description": "When the texture is updated, this event will fire to update the frame",
+            "itemtype": "method",
+            "name": "onTextureUpdate",
+            "params": [
+                {
+                    "name": "event",
+                    "description": ""
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "TilingSprite"
+        },
+        {
+            "file": "src/pixi/filters/AbstractFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "AbstractFilter"
+        },
+        {
+            "file": "src/pixi/filters/AbstractFilter.js",
+            "line": 16,
+            "description": "An array of passes - some filters contain a few steps this array simply stores the steps in a liniear fashion.\nFor example the blur filter has two passes blurX and blurY.",
+            "itemtype": "property",
+            "name": "passes",
+            "type": "Array an array of filter objects",
+            "access": "private",
+            "tagname": "",
+            "class": "AbstractFilter"
+        },
+        {
+            "file": "src/pixi/filters/AbstractFilter.js",
+            "line": 29,
+            "itemtype": "property",
+            "name": "uniforms",
+            "access": "private",
+            "tagname": "",
+            "class": "AbstractFilter"
+        },
+        {
+            "file": "src/pixi/filters/BlurFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "BlurFilter"
+        },
+        {
+            "file": "src/pixi/filters/BlurFilter.js",
+            "line": 24,
+            "description": "Sets the strength of both the blurX and blurY properties simultaneously",
+            "itemtype": "property",
+            "name": "blur",
+            "type": "Number the strength of the blur",
+            "default": "2",
+            "class": "BlurFilter"
+        },
+        {
+            "file": "src/pixi/filters/BlurFilter.js",
+            "line": 40,
+            "description": "Sets the strength of the blurX property simultaneously",
+            "itemtype": "property",
+            "name": "blurX",
+            "type": "Number the strength of the blurX",
+            "default": "2",
+            "class": "BlurFilter"
+        },
+        {
+            "file": "src/pixi/filters/BlurFilter.js",
+            "line": 56,
+            "description": "Sets the strength of the blurX property simultaneously",
+            "itemtype": "property",
+            "name": "blurY",
+            "type": "Number the strength of the blurY",
+            "default": "2",
+            "class": "BlurFilter"
+        },
+        {
+            "file": "src/pixi/filters/BlurXFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "ColorMatrixFilter"
+        },
+        {
+            "file": "src/pixi/filters/BlurYFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "ColorMatrixFilter"
+        },
+        {
+            "file": "src/pixi/filters/ColorMatrixFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "ColorMatrixFilter"
+        },
+        {
+            "file": "src/pixi/filters/ColorMatrixFilter.js",
+            "line": 45,
+            "description": "Sets the matrix of the color matrix filter",
+            "itemtype": "property",
+            "name": "matrix",
+            "type": "Array and array of 26 numbers",
+            "default": "[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]",
+            "class": "ColorMatrixFilter"
+        },
+        {
+            "file": "src/pixi/filters/DisplacementFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "DisplacementFilter"
+        },
+        {
+            "file": "src/pixi/filters/DisplacementFilter.js",
+            "line": 92,
+            "description": "The texture used for the displacemtent map * must be power of 2 texture at the moment",
+            "itemtype": "property",
+            "name": "map",
+            "type": "Texture",
+            "class": "DisplacementFilter"
+        },
+        {
+            "file": "src/pixi/filters/DisplacementFilter.js",
+            "line": 107,
+            "description": "The multiplier used to scale the displacement result from the map calculation.",
+            "itemtype": "property",
+            "name": "scale",
+            "type": "Point",
+            "class": "DisplacementFilter"
+        },
+        {
+            "file": "src/pixi/filters/DisplacementFilter.js",
+            "line": 122,
+            "description": "The offset used to move the displacement map.",
+            "itemtype": "property",
+            "name": "offset",
+            "type": "Point",
+            "class": "DisplacementFilter"
+        },
         {
             "file": "src/pixi/filters/FilterBlock.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
-            "class": "AssetLoader"
+            "class": "GreyFilter"
         },
         {
-            "file": "src/pixi/filters/MaskFilter.js",
+            "file": "src/pixi/filters/GreyFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "GreyFilter"
+        },
+        {
+            "file": "src/pixi/filters/GreyFilter.js",
+            "line": 40,
+            "description": "The strength of the grey. 1 will make the object black and white, 0 will make the object its normal color",
+            "itemtype": "property",
+            "name": "grey",
+            "class": "GreyFilter"
+        },
+        {
+            "file": "src/pixi/filters/InvertFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "InvertFilter"
+        },
+        {
+            "file": "src/pixi/filters/InvertFilter.js",
+            "line": 41,
+            "description": "The strength of the invert. 1 will fully invert the colors, 0 will make the object its normal color",
+            "itemtype": "property",
+            "name": "invert",
+            "class": "InvertFilter"
+        },
+        {
+            "file": "src/pixi/filters/PixelateFilter.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "PixelateFilter"
+        },
+        {
+            "file": "src/pixi/filters/PixelateFilter.js",
+            "line": 50,
+            "description": "This a point that describes the size of the blocs. x is the width of the block and y is the the height",
+            "itemtype": "property",
+            "name": "size",
+            "type": "Point",
+            "class": "PixelateFilter"
+        },
+        {
+            "file": "src/pixi/filters/SepiaFilter.js",
+            "line": 1,
+            "description": "/**\n * @author Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "SepiaFilter"
+        },
+        {
+            "file": "src/pixi/filters/SepiaFilter.js",
+            "line": 44,
+            "description": "The strength of the sepia. 1 will apply the full sepia effect, 0 will make the object its normal color",
+            "itemtype": "property",
+            "name": "sepia",
+            "class": "SepiaFilter"
+        },
+        {
+            "file": "src/pixi/filters/SmartBlurFilter.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
             "class": "AssetLoader"
@@ -2341,16 +3188,34 @@
         },
         {
             "file": "src/pixi/loaders/AssetLoader.js",
-            "line": 18,
+            "line": 25,
             "description": "The array of asset URLs that are going to be loaded",
             "itemtype": "property",
             "name": "assetURLs",
-            "type": "Array",
+            "type": "Array<String>",
+            "class": "AssetLoader"
+        },
+        {
+            "file": "src/pixi/loaders/AssetLoader.js",
+            "line": 33,
+            "description": "Whether the requests should be treated as cross origin",
+            "itemtype": "property",
+            "name": "crossorigin",
+            "type": "Boolean",
             "class": "AssetLoader"
         },
         {
             "file": "src/pixi/loaders/AssetLoader.js",
             "line": 41,
+            "description": "Maps file extension to loader types",
+            "itemtype": "property",
+            "name": "loadersByType",
+            "type": "Object",
+            "class": "AssetLoader"
+        },
+        {
+            "file": "src/pixi/loaders/AssetLoader.js",
+            "line": 61,
             "description": "Fired when an item has loaded",
             "itemtype": "event",
             "name": "onProgress",
@@ -2358,7 +3223,7 @@
         },
         {
             "file": "src/pixi/loaders/AssetLoader.js",
-            "line": 46,
+            "line": 66,
             "description": "Fired when all the assets have loaded",
             "itemtype": "event",
             "name": "onComplete",
@@ -2366,14 +3231,18 @@
         },
         {
             "file": "src/pixi/loaders/AssetLoader.js",
-            "line": 54,
-            "description": "This will begin loading the assets sequentially",
+            "line": 74,
+            "description": "Starts loading the assets sequentially",
+            "itemtype": "method",
+            "name": "load",
             "class": "AssetLoader"
         },
         {
             "file": "src/pixi/loaders/AssetLoader.js",
-            "line": 82,
+            "line": 104,
             "description": "Invoked after each file is loaded",
+            "itemtype": "method",
+            "name": "onAssetLoaded",
             "access": "private",
             "tagname": "",
             "class": "AssetLoader"
@@ -2384,24 +3253,67 @@
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
             "class": "BitmapFontLoader"
         },
+        {
+            "file": "src/pixi/loaders/BitmapFontLoader.js",
+            "line": 26,
+            "description": "The url of the bitmap font data",
+            "itemtype": "property",
+            "name": "url",
+            "type": "String",
+            "class": "BitmapFontLoader"
+        },
         {
             "file": "src/pixi/loaders/BitmapFontLoader.js",
             "line": 34,
-            "description": "This will begin loading the JSON file",
+            "description": "Whether the requests should be treated as cross origin",
+            "itemtype": "property",
+            "name": "crossorigin",
+            "type": "Boolean",
+            "class": "BitmapFontLoader"
+        },
+        {
+            "file": "src/pixi/loaders/BitmapFontLoader.js",
+            "line": 42,
+            "description": "[read-only] The base url of the bitmap font data",
+            "itemtype": "property",
+            "name": "baseUrl",
+            "type": "String",
+            "readonly": "",
             "class": "BitmapFontLoader"
         },
         {
             "file": "src/pixi/loaders/BitmapFontLoader.js",
             "line": 51,
-            "description": "Invoked when XML file is loaded",
+            "description": "[read-only] The texture of the bitmap font",
+            "itemtype": "property",
+            "name": "baseUrl",
+            "type": "String",
+            "class": "BitmapFontLoader"
+        },
+        {
+            "file": "src/pixi/loaders/BitmapFontLoader.js",
+            "line": 63,
+            "description": "Loads the XML font data",
+            "itemtype": "method",
+            "name": "load",
+            "class": "BitmapFontLoader"
+        },
+        {
+            "file": "src/pixi/loaders/BitmapFontLoader.js",
+            "line": 82,
+            "description": "Invoked when XML file is loaded, parses the data",
+            "itemtype": "method",
+            "name": "onXMLLoaded",
             "access": "private",
             "tagname": "",
             "class": "BitmapFontLoader"
         },
         {
             "file": "src/pixi/loaders/BitmapFontLoader.js",
-            "line": 121,
+            "line": 153,
             "description": "Invoked when all files are loaded (xml/fnt and texture)",
+            "itemtype": "method",
+            "name": "onLoaded",
             "access": "private",
             "tagname": "",
             "class": "BitmapFontLoader"
@@ -2414,18 +3326,62 @@
         },
         {
             "file": "src/pixi/loaders/ImageLoader.js",
-            "line": 24,
-            "description": "Loads image or takes it from cache",
+            "line": 20,
+            "description": "The texture being loaded",
+            "itemtype": "property",
+            "name": "texture",
+            "type": "Texture",
             "class": "ImageLoader"
         },
         {
             "file": "src/pixi/loaders/ImageLoader.js",
-            "line": 43,
+            "line": 28,
+            "description": "if the image is loaded with loadFramedSpriteSheet\nframes will contain the sprite sheet frames",
+            "class": "ImageLoader"
+        },
+        {
+            "file": "src/pixi/loaders/ImageLoader.js",
+            "line": 39,
+            "description": "Loads image or takes it from cache",
+            "itemtype": "method",
+            "name": "load",
+            "class": "ImageLoader"
+        },
+        {
+            "file": "src/pixi/loaders/ImageLoader.js",
+            "line": 60,
             "description": "Invoked when image file is loaded or it is already cached and ready to use",
+            "itemtype": "method",
+            "name": "onLoaded",
             "access": "private",
             "tagname": "",
             "class": "ImageLoader"
         },
+        {
+            "file": "src/pixi/loaders/ImageLoader.js",
+            "line": 71,
+            "description": "Loads image and split it to uniform sized frames",
+            "itemtype": "method",
+            "name": "loadFramedSpriteSheet",
+            "params": [
+                {
+                    "name": "frameWidth",
+                    "description": "with of each frame",
+                    "type": "Number"
+                },
+                {
+                    "name": "frameHeight",
+                    "description": "height of each frame",
+                    "type": "Number"
+                },
+                {
+                    "name": "textureName",
+                    "description": "if given, the frames will be cached in <textureName>-<ord> format",
+                    "type": "String"
+                }
+            ],
+            "class": "ImageLoader"
+        },
         {
             "file": "src/pixi/loaders/JsonLoader.js",
             "line": 1,
@@ -2434,30 +3390,76 @@
         },
         {
             "file": "src/pixi/loaders/JsonLoader.js",
-            "line": 28,
-            "description": "This will begin loading the JSON file",
+            "line": 19,
+            "description": "The url of the bitmap font data",
+            "itemtype": "property",
+            "name": "url",
+            "type": "String",
             "class": "JsonLoader"
         },
         {
             "file": "src/pixi/loaders/JsonLoader.js",
-            "line": 43,
+            "line": 27,
+            "description": "Whether the requests should be treated as cross origin",
+            "itemtype": "property",
+            "name": "crossorigin",
+            "type": "Boolean",
+            "class": "JsonLoader"
+        },
+        {
+            "file": "src/pixi/loaders/JsonLoader.js",
+            "line": 35,
+            "description": "[read-only] The base url of the bitmap font data",
+            "itemtype": "property",
+            "name": "baseUrl",
+            "type": "String",
+            "readonly": "",
+            "class": "JsonLoader"
+        },
+        {
+            "file": "src/pixi/loaders/JsonLoader.js",
+            "line": 44,
+            "description": "[read-only] Whether the data has loaded yet",
+            "itemtype": "property",
+            "name": "loaded",
+            "type": "Boolean",
+            "readonly": "",
+            "class": "JsonLoader"
+        },
+        {
+            "file": "src/pixi/loaders/JsonLoader.js",
+            "line": 58,
+            "description": "Loads the JSON data",
+            "itemtype": "method",
+            "name": "load",
+            "class": "JsonLoader"
+        },
+        {
+            "file": "src/pixi/loaders/JsonLoader.js",
+            "line": 75,
             "description": "Invoke when JSON file is loaded",
+            "itemtype": "method",
+            "name": "onJSONLoaded",
             "access": "private",
             "tagname": "",
             "class": "JsonLoader"
         },
         {
             "file": "src/pixi/loaders/JsonLoader.js",
-            "line": 108,
+            "line": 140,
             "description": "Invoke when json file loaded",
+            "itemtype": "method",
+            "name": "onLoaded",
             "access": "private",
             "tagname": "",
             "class": "JsonLoader"
         },
         {
             "file": "src/pixi/loaders/JsonLoader.js",
-            "line": 120,
+            "line": 154,
             "description": "Invoke when error occured",
+            "itemtype": "method",
+            "name": "onError",
             "access": "private",
             "tagname": "",
             "class": "JsonLoader"
@@ -2470,8 +3472,56 @@
         },
         {
             "file": "src/pixi/loaders/SpineLoader.js",
-            "line": 54,
+            "line": 28,
+            "description": "The url of the bitmap font data",
+            "itemtype": "property",
+            "name": "url",
+            "type": "String",
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/loaders/SpineLoader.js",
+            "line": 36,
+            "description": "Whether the requests should be treated as cross origin",
+            "itemtype": "property",
+            "name": "crossorigin",
+            "type": "Boolean",
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/loaders/SpineLoader.js",
+            "line": 44,
+            "description": "[read-only] Whether the data has loaded yet",
+            "itemtype": "property",
+            "name": "loaded",
+            "type": "Boolean",
+            "readonly": "",
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/loaders/SpineLoader.js",
+            "line": 56,
+            "description": "Loads the JSON data",
+            "itemtype": "method",
+            "name": "load",
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/loaders/SpineLoader.js",
+            "line": 72,
             "description": "Invoke when JSON file is loaded",
+            "itemtype": "method",
+            "name": "onJSONLoaded",
+            "access": "private",
+            "tagname": "",
+            "class": "Spine"
+        },
+        {
+            "file": "src/pixi/loaders/SpineLoader.js",
+            "line": 87,
+            "description": "Invoke when JSON file is loaded",
+            "itemtype": "method",
+            "name": "onLoaded",
             "access": "private",
             "tagname": "",
             "class": "Spine"
@@ -2484,22 +3534,74 @@
         },
         {
             "file": "src/pixi/loaders/SpriteSheetLoader.js",
-            "line": 37,
-            "description": "This will begin loading the JSON file",
+            "line": 29,
+            "description": "The url of the bitmap font data",
+            "itemtype": "property",
+            "name": "url",
+            "type": "String",
             "class": "SpriteSheetLoader"
         },
         {
             "file": "src/pixi/loaders/SpriteSheetLoader.js",
-            "line": 50,
+            "line": 37,
+            "description": "Whether the requests should be treated as cross origin",
+            "itemtype": "property",
+            "name": "crossorigin",
+            "type": "Boolean",
+            "class": "SpriteSheetLoader"
+        },
+        {
+            "file": "src/pixi/loaders/SpriteSheetLoader.js",
+            "line": 45,
+            "description": "[read-only] The base url of the bitmap font data",
+            "itemtype": "property",
+            "name": "baseUrl",
+            "type": "String",
+            "readonly": "",
+            "class": "SpriteSheetLoader"
+        },
+        {
+            "file": "src/pixi/loaders/SpriteSheetLoader.js",
+            "line": 54,
+            "description": "The texture being loaded",
+            "itemtype": "property",
+            "name": "texture",
+            "type": "Texture",
+            "class": "SpriteSheetLoader"
+        },
+        {
+            "file": "src/pixi/loaders/SpriteSheetLoader.js",
+            "line": 62,
+            "description": "The frames of the sprite sheet",
+            "itemtype": "property",
+            "name": "frames",
+            "type": "Object",
+            "class": "SpriteSheetLoader"
+        },
+        {
+            "file": "src/pixi/loaders/SpriteSheetLoader.js",
+            "line": 74,
+            "description": "This will begin loading the JSON file",
+            "itemtype": "method",
+            "name": "load",
+            "class": "SpriteSheetLoader"
+        },
+        {
+            "file": "src/pixi/loaders/SpriteSheetLoader.js",
+            "line": 89,
             "description": "Invoke when JSON file is loaded",
+            "itemtype": "method",
+            "name": "onJSONLoaded",
             "access": "private",
             "tagname": "",
             "class": "SpriteSheetLoader"
         },
         {
             "file": "src/pixi/loaders/SpriteSheetLoader.js",
-            "line": 85,
+            "line": 126,
             "description": "Invoke when all files are loaded (json and texture)",
+            "itemtype": "method",
+            "name": "onLoaded",
             "access": "private",
             "tagname": "",
             "class": "SpriteSheetLoader"
@@ -2512,24 +3614,73 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 34,
+            "line": 21,
+            "description": "The alpha of the fill of this graphics object",
+            "itemtype": "property",
+            "name": "fillAlpha",
+            "type": "Number",
+            "class": "Graphics"
+        },
+        {
+            "file": "src/pixi/primitives/Graphics.js",
+            "line": 29,
+            "description": "The width of any lines drawn",
+            "itemtype": "property",
+            "name": "lineWidth",
+            "type": "Number",
+            "class": "Graphics"
+        },
+        {
+            "file": "src/pixi/primitives/Graphics.js",
+            "line": 37,
+            "description": "The color of any lines drawn",
+            "itemtype": "property",
+            "name": "lineColor",
+            "type": "String",
+            "class": "Graphics"
+        },
+        {
+            "file": "src/pixi/primitives/Graphics.js",
+            "line": 45,
+            "description": "Graphics data",
+            "itemtype": "property",
+            "name": "graphicsData",
+            "type": "Array",
+            "access": "private",
+            "tagname": "",
+            "class": "Graphics"
+        },
+        {
+            "file": "src/pixi/primitives/Graphics.js",
+            "line": 54,
+            "description": "Current path",
+            "itemtype": "property",
+            "name": "currentPath",
+            "type": "Object",
+            "access": "private",
+            "tagname": "",
+            "class": "Graphics"
+        },
+        {
+            "file": "src/pixi/primitives/Graphics.js",
+            "line": 68,
             "description": "Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.",
             "itemtype": "method",
             "name": "lineStyle",
             "params": [
                 {
                     "name": "lineWidth",
-                    "description": "",
+                    "description": "width of the line to draw, will update the object's stored style",
                     "type": "Number"
                 },
                 {
                     "name": "color",
-                    "description": "",
+                    "description": "color of the line to draw, will update the object's stored style",
                     "type": "Number"
                 },
                 {
                     "name": "alpha",
-                    "description": "",
+                    "description": "alpha of the line to draw, will update the object's stored style",
                     "type": "Number"
                 }
             ],
@@ -2537,19 +3688,19 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 55,
+            "line": 90,
             "description": "Moves the current drawing position to (x, y).",
             "itemtype": "method",
             "name": "moveTo",
             "params": [
                 {
                     "name": "x",
-                    "description": "",
+                    "description": "the X coord to move to",
                     "type": "Number"
                 },
                 {
                     "name": "y",
-                    "description": "",
+                    "description": "the Y coord to move to",
                     "type": "Number"
                 }
             ],
@@ -2557,19 +3708,19 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 73,
-            "description": "Draws a line using the current line style from the current drawing position to (x, y); the current drawing position is then set to (x, y).",
+            "line": 109,
+            "description": "Draws a line using the current line style from the current drawing position to (x, y);\nthe current drawing position is then set to (x, y).",
             "itemtype": "method",
             "name": "lineTo",
             "params": [
                 {
                     "name": "x",
-                    "description": "",
+                    "description": "the X coord to draw to",
                     "type": "Number"
                 },
                 {
                     "name": "y",
-                    "description": "",
+                    "description": "the Y coord to draw to",
                     "type": "Number"
                 }
             ],
@@ -2577,8 +3728,8 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 85,
-            "description": "Specifies a simple one-color fill that subsequent calls to other Graphics methods (such as lineTo() or drawCircle()) use when drawing.",
+            "line": 123,
+            "description": "Specifies a simple one-color fill that subsequent calls to other Graphics methods\n(such as lineTo() or drawCircle()) use when drawing.",
             "itemtype": "method",
             "name": "beginFill",
             "params": [
@@ -2597,7 +3748,7 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 98,
+            "line": 138,
             "description": "Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.",
             "itemtype": "method",
             "name": "endFill",
@@ -2605,28 +3756,28 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 109,
+            "line": 150,
             "itemtype": "method",
             "name": "drawRect",
             "params": [
                 {
                     "name": "x",
-                    "description": "",
+                    "description": "The X coord of the top-left of the rectangle",
                     "type": "Number"
                 },
                 {
                     "name": "y",
-                    "description": "",
+                    "description": "The Y coord of the top-left of the rectangle",
                     "type": "Number"
                 },
                 {
                     "name": "width",
-                    "description": "",
+                    "description": "The width of the rectangle",
                     "type": "Number"
                 },
                 {
                     "name": "height",
-                    "description": "",
+                    "description": "The height of the rectangle",
                     "type": "Number"
                 }
             ],
@@ -2634,24 +3785,24 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 128,
+            "line": 170,
             "description": "Draws a circle.",
             "itemtype": "method",
             "name": "drawCircle",
             "params": [
                 {
                     "name": "x",
-                    "description": "",
+                    "description": "The X coord of the center of the circle",
                     "type": "Number"
                 },
                 {
                     "name": "y",
-                    "description": "",
+                    "description": "The Y coord of the center of the circle",
                     "type": "Number"
                 },
                 {
                     "name": "radius",
-                    "description": "",
+                    "description": "The radius of the circle",
                     "type": "Number"
                 }
             ],
@@ -2659,7 +3810,7 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 147,
+            "line": 190,
             "description": "Draws an elipse.",
             "itemtype": "method",
             "name": "drawElipse",
@@ -2689,7 +3840,7 @@
         },
         {
             "file": "src/pixi/primitives/Graphics.js",
-            "line": 167,
+            "line": 211,
             "description": "Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.",
             "itemtype": "method",
             "name": "clear",
@@ -2709,7 +3860,7 @@
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 24,
+            "line": 21,
             "description": "The width of the canvas view",
             "itemtype": "property",
             "name": "width",
@@ -2719,7 +3870,7 @@
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 31,
+            "line": 30,
             "description": "The height of the canvas view",
             "itemtype": "property",
             "name": "height",
@@ -2729,7 +3880,7 @@
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 41,
+            "line": 39,
             "description": "The canvas element that the everything is drawn to",
             "itemtype": "property",
             "name": "view",
@@ -2738,7 +3889,7 @@
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 55,
+            "line": 47,
             "description": "The canvas context that the everything is drawn to",
             "itemtype": "property",
             "name": "context",
@@ -2762,48 +3913,110 @@
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 110,
+            "line": 113,
             "description": "resizes the canvas view to the specified width and height",
+            "itemtype": "method",
+            "name": "resize",
             "params": [
                 {
-                    "name": "the",
-                    "description": "new width of the canvas view"
+                    "name": "width",
+                    "description": "the new width of the canvas view",
+                    "type": "Number"
                 },
                 {
-                    "name": "the",
-                    "description": "new height of the canvas view"
+                    "name": "height",
+                    "description": "the new height of the canvas view",
+                    "type": "Number"
                 }
             ],
             "class": "CanvasRenderer"
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 124,
+            "line": 129,
+            "description": "Renders a display object",
+            "itemtype": "method",
+            "name": "renderDisplayObject",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "The displayObject to render",
+                    "type": "DisplayObject"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "CanvasRenderer"
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 235,
+            "line": 250,
+            "description": "Renders a flat strip",
+            "itemtype": "method",
+            "name": "renderStripFlat",
+            "params": [
+                {
+                    "name": "strip",
+                    "description": "The Strip to render",
+                    "type": "Strip"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "CanvasRenderer"
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 268,
+            "line": 287,
+            "description": "Renders a tiling sprite",
+            "itemtype": "method",
+            "name": "renderTilingSprite",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "The tilingsprite to render",
+                    "type": "TilingSprite"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "CanvasRenderer"
         },
         {
             "file": "src/pixi/renderers/canvas/CanvasRenderer.js",
-            "line": 299,
+            "line": 320,
+            "description": "Renders a strip",
+            "itemtype": "method",
+            "name": "renderStrip",
+            "params": [
+                {
+                    "name": "strip",
+                    "description": "The Strip to render",
+                    "type": "Strip"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "CanvasRenderer"
         },
+        {
+            "file": "src/pixi/renderers/webgl/PixiShader.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/PrimitiveShader.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/StripShader.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "WebGLBatch"
+        },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
             "line": 1,
@@ -2833,20 +4046,37 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 67,
+            "line": 71,
             "description": "Cleans the batch so that is can be returned to an object pool and reused",
+            "itemtype": "method",
+            "name": "clean",
             "class": "WebGLBatch"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 98,
+            "line": 90,
+            "description": "Recreates the buffers in the event of a context loss",
+            "itemtype": "method",
+            "name": "restoreLostContext",
+            "params": [
+                {
+                    "name": "gl",
+                    "description": "",
+                    "type": "WebGLContext"
+                }
+            ],
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLBatch.js",
+            "line": 105,
             "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",
+                    "description": "the first sprite to be added to the batch. Only sprites with\n\t\tthe same base texture and blend mode will be allowed to be added to this batch",
                     "type": "Sprite"
                 }
             ],
@@ -2854,7 +4084,7 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 117,
+            "line": 125,
             "description": "inserts a sprite before the specified sprite",
             "itemtype": "method",
             "name": "insertBefore",
@@ -2874,7 +4104,7 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 145,
+            "line": 153,
             "description": "inserts a sprite after the specified sprite",
             "itemtype": "method",
             "name": "insertAfter",
@@ -2894,7 +4124,7 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 175,
+            "line": 182,
             "description": "removes a sprite from the batch",
             "itemtype": "method",
             "name": "remove",
@@ -2909,7 +4139,7 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 218,
+            "line": 226,
             "description": "Splits the batch into two with the specified sprite being the start of the new batch.",
             "itemtype": "method",
             "name": "split",
@@ -2928,7 +4158,7 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 268,
+            "line": 267,
             "description": "Merges two batchs together",
             "itemtype": "method",
             "name": "merge",
@@ -2943,14 +4173,15 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 293,
-            "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",
+            "line": 292,
+            "description": "Grows the size of the batch. As the elements in the batch cannot have a dynamic size this\nfunction is used to increase the size of the batch. It also creates a little extra room so\nthat the batch does not need to be resized every time a sprite is added",
+            "itemtype": "method",
+            "name": "growBatch",
             "class": "WebGLBatch"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 346,
+            "line": 347,
             "description": "Refresh's all the data in the batch and sync's it with the webGL buffers",
             "itemtype": "method",
             "name": "refresh",
@@ -2958,7 +4189,7 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 401,
+            "line": 403,
             "description": "Updates all the relevant geometry and uploads the data to the GPU",
             "itemtype": "method",
             "name": "update",
@@ -2966,18 +4197,157 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLBatch.js",
-            "line": 513,
+            "line": 508,
             "description": "Draws the batch to the frame buffer",
             "itemtype": "method",
             "name": "render",
             "class": "WebGLBatch"
         },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLFilterManager.js",
+            "line": 1,
+            "author": "Mat Groves http://matgroves.com/ @Doormat23",
+            "class": "CanvasGraphics"
+        },
         {
             "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
             "class": "CanvasGraphics"
         },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
+            "line": 15,
+            "description": "Renders the graphics object",
+            "static": 1,
+            "access": "private",
+            "tagname": "",
+            "itemtype": "method",
+            "name": "renderGraphics",
+            "params": [
+                {
+                    "name": "graphics",
+                    "description": "",
+                    "type": "Graphics"
+                },
+                {
+                    "name": "projection",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "CanvasGraphics"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
+            "line": 87,
+            "description": "Updates the graphics object",
+            "static": 1,
+            "access": "private",
+            "tagname": "",
+            "itemtype": "method",
+            "name": "updateGraphics",
+            "params": [
+                {
+                    "name": "graphics",
+                    "description": "",
+                    "type": "Graphics"
+                }
+            ],
+            "class": "CanvasGraphics"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
+            "line": 139,
+            "description": "Builds a rectangle to draw",
+            "static": 1,
+            "access": "private",
+            "tagname": "",
+            "itemtype": "method",
+            "name": "buildRectangle",
+            "params": [
+                {
+                    "name": "graphics",
+                    "description": "",
+                    "type": "Graphics"
+                },
+                {
+                    "name": "webGLData",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "CanvasGraphics"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
+            "line": 204,
+            "description": "Builds a circle to draw",
+            "static": 1,
+            "access": "private",
+            "tagname": "",
+            "itemtype": "method",
+            "name": "buildCircle",
+            "params": [
+                {
+                    "name": "graphics",
+                    "description": "",
+                    "type": "Graphics"
+                },
+                {
+                    "name": "webGLData",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "CanvasGraphics"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
+            "line": 272,
+            "description": "Builds a line to draw",
+            "static": 1,
+            "access": "private",
+            "tagname": "",
+            "itemtype": "method",
+            "name": "buildLine",
+            "params": [
+                {
+                    "name": "graphics",
+                    "description": "",
+                    "type": "Graphics"
+                },
+                {
+                    "name": "webGLData",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "CanvasGraphics"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLGraphics.js",
+            "line": 463,
+            "description": "Builds a polygon to draw",
+            "static": 1,
+            "access": "private",
+            "tagname": "",
+            "itemtype": "method",
+            "name": "buildPoly",
+            "params": [
+                {
+                    "name": "graphics",
+                    "description": "",
+                    "type": "Graphics"
+                },
+                {
+                    "name": "webGLData",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "CanvasGraphics"
+        },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
             "line": 1,
@@ -2986,35 +4356,315 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
-            "line": 725,
+            "line": 33,
+            "description": "Add a display object to the webgl renderer",
+            "itemtype": "method",
+            "name": "setRenderable",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLBatch"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
-            "line": 732,
+            "line": 55,
+            "description": "Renders the stage to its webgl view",
+            "itemtype": "method",
+            "name": "render",
+            "params": [
+                {
+                    "name": "projection",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 91,
+            "description": "Renders a specific displayObject",
+            "itemtype": "method",
+            "name": "renderSpecific",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "projection",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLBatch"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
-            "line": 787,
+            "line": 251,
+            "description": "Renders a specific renderable",
+            "itemtype": "method",
+            "name": "renderSpecial",
+            "params": [
+                {
+                    "name": "renderable",
+                    "description": "",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "projection",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLBatch"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
-            "line": 875,
+            "line": 334,
+            "description": "Updates a webgl texture",
+            "itemtype": "method",
+            "name": "updateTexture",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLBatch"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
-            "line": 912,
+            "line": 376,
+            "description": "Adds filter blocks",
+            "itemtype": "method",
+            "name": "addFilterBlocks",
+            "params": [
+                {
+                    "name": "start",
+                    "description": "",
+                    "type": "FilterBlock"
+                },
+                {
+                    "name": "end",
+                    "description": "",
+                    "type": "FilterBlock"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 416,
+            "description": "Remove filter blocks",
+            "itemtype": "method",
+            "name": "removeFilterBlocks",
+            "params": [
+                {
+                    "name": "start",
+                    "description": "",
+                    "type": "FilterBlock"
+                },
+                {
+                    "name": "end",
+                    "description": "",
+                    "type": "FilterBlock"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 430,
+            "description": "Adds a display object and children to the webgl context",
+            "itemtype": "method",
+            "name": "addDisplayObjectAndChildren",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 487,
+            "description": "Removes a display object and children to the webgl context",
+            "itemtype": "method",
+            "name": "removeDisplayObjectAndChildren",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 509,
+            "description": "Inserts a displayObject into the linked list",
+            "itemtype": "method",
+            "name": "insertObject",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "previousObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "nextObject",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 647,
+            "description": "Inserts a displayObject into the linked list",
+            "itemtype": "method",
+            "name": "insertAfter",
+            "params": [
+                {
+                    "name": "item",
+                    "description": "",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "displayObject",
+                    "description": "The object to insert",
+                    "type": "DisplayObject"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 702,
+            "description": "Removes a displayObject from the linked list",
+            "itemtype": "method",
+            "name": "removeObject",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "The object to remove",
+                    "type": "DisplayObject"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 781,
+            "description": "Initializes a tiling sprite",
+            "itemtype": "method",
+            "name": "initTilingSprite",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "The tiling sprite to initialize",
+                    "type": "TilingSprite"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 840,
+            "description": "Renders a Strip",
+            "itemtype": "method",
+            "name": "renderStrip",
+            "params": [
+                {
+                    "name": "strip",
+                    "description": "The strip to render",
+                    "type": "Strip"
+                },
+                {
+                    "name": "projection",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 932,
+            "description": "Renders a TilingSprite",
+            "itemtype": "method",
+            "name": "renderTilingSprite",
+            "params": [
+                {
+                    "name": "sprite",
+                    "description": "The tiling sprite to render",
+                    "type": "TilingSprite"
+                },
+                {
+                    "name": "projectionMatrix",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLBatch"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderGroup.js",
+            "line": 974,
+            "description": "Initializes a strip to be rendered",
+            "itemtype": "method",
+            "name": "initStrip",
+            "params": [
+                {
+                    "name": "strip",
+                    "description": "The strip to initialize",
+                    "type": "Strip"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLBatch"
@@ -3027,35 +4677,47 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 90,
+            "line": 104,
+            "description": "Gets a new WebGLBatch from the pool",
+            "static": 1,
+            "itemtype": "method",
+            "name": "getBatch",
+            "return": {
+                "description": "",
+                "type": "WebGLBatch"
+            },
             "access": "private",
             "tagname": "",
             "class": "WebGLRenderer"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 105,
+            "line": 124,
+            "description": "Puts a batch back into the pool",
+            "static": 1,
+            "itemtype": "method",
+            "name": "returnBatch",
+            "params": [
+                {
+                    "name": "batch",
+                    "description": "The batch to return",
+                    "type": "WebGLBatch"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLRenderer"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 115,
-            "access": "private",
-            "tagname": "",
-            "class": "WebGLRenderer"
-        },
-        {
-            "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 121,
+            "line": 138,
             "description": "Renders the stage to its webGL view",
             "itemtype": "method",
             "name": "render",
             "params": [
                 {
                     "name": "stage",
-                    "description": "the PIXI.Stage element to be rendered",
+                    "description": "the Stage element to be rendered",
                     "type": "Stage"
                 }
             ],
@@ -3063,14 +4725,53 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 204,
+            "line": 209,
+            "description": "Updates the textures loaded into this webgl renderer",
+            "static": 1,
+            "itemtype": "method",
+            "name": "updateTextures",
             "access": "private",
             "tagname": "",
             "class": "WebGLRenderer"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 263,
+            "line": 225,
+            "description": "Updates a loaded webgl texture",
+            "static": 1,
+            "itemtype": "method",
+            "name": "updateTexture",
+            "params": [
+                {
+                    "name": "texture",
+                    "description": "The texture to update",
+                    "type": "Texture"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
+            "line": 269,
+            "description": "Destroys a loaded webgl texture",
+            "itemtype": "method",
+            "name": "destroyTexture",
+            "params": [
+                {
+                    "name": "texture",
+                    "description": "The texture to update",
+                    "type": "Texture"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "WebGLRenderer"
+        },
+        {
+            "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
+            "line": 288,
             "description": "resizes the webGL view to the specified width and height",
             "itemtype": "method",
             "name": "resize",
@@ -3090,21 +4791,41 @@
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 290,
+            "line": 319,
+            "description": "Handles a lost webgl context",
+            "itemtype": "method",
+            "name": "handleContextLost",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "",
+                    "type": "Event"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLRenderer"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLRenderer.js",
-            "line": 299,
+            "line": 332,
+            "description": "Handles a restored webgl context",
+            "itemtype": "method",
+            "name": "handleContextRestored",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "",
+                    "type": "Event"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "WebGLRenderer"
         },
         {
             "file": "src/pixi/renderers/webgl/WebGLShaders.js",
-            "line": 2,
+            "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
             "class": "BitmapText"
         },
@@ -3116,7 +4837,7 @@
         },
         {
             "file": "src/pixi/text/BitmapText.js",
-            "line": 33,
+            "line": 34,
             "description": "Set the copy for the text object",
             "itemtype": "method",
             "name": "setText",
@@ -3131,7 +4852,7 @@
         },
         {
             "file": "src/pixi/text/BitmapText.js",
-            "line": 44,
+            "line": 46,
             "description": "Set the style of the text",
             "itemtype": "method",
             "name": "setStyle",
@@ -3160,15 +4881,20 @@
         },
         {
             "file": "src/pixi/text/BitmapText.js",
-            "line": 64,
+            "line": 67,
             "description": "Renders text",
+            "itemtype": "method",
+            "name": "updateText",
             "access": "private",
             "tagname": "",
             "class": "BitmapText"
         },
         {
             "file": "src/pixi/text/BitmapText.js",
-            "line": 137,
+            "line": 142,
+            "description": "Updates the transfor of this object",
+            "itemtype": "method",
+            "name": "updateTransform",
             "access": "private",
             "tagname": "",
             "class": "BitmapText"
@@ -3181,7 +4907,7 @@
         },
         {
             "file": "src/pixi/text/Text.js",
-            "line": 37,
+            "line": 38,
             "description": "Set the style of the text",
             "itemtype": "method",
             "name": "setStyle",
@@ -3238,7 +4964,7 @@
                 },
                 {
                     "name": "[style.font=\"bold",
-                    "description": "20pt Arial\"] The style and size of the font",
+                    "description": "20pt Arial\"]  The style and size of the font",
                     "type": "String"
                 }
             ],
@@ -3246,7 +4972,7 @@
         },
         {
             "file": "src/pixi/text/Text.js",
-            "line": 63,
+            "line": 65,
             "description": "Set the copy for the text object. To split a line you can use \"\\n\"",
             "methos": "setText",
             "params": [
@@ -3260,35 +4986,66 @@
         },
         {
             "file": "src/pixi/text/Text.js",
-            "line": 74,
+            "line": 77,
             "description": "Renders text",
+            "itemtype": "method",
+            "name": "updateText",
             "access": "private",
             "tagname": "",
             "class": "Text"
         },
         {
             "file": "src/pixi/text/Text.js",
-            "line": 143,
+            "line": 148,
             "description": "Updates texture size based on canvas size",
+            "itemtype": "method",
+            "name": "updateTexture",
             "access": "private",
             "tagname": "",
             "class": "Text"
         },
         {
             "file": "src/pixi/text/Text.js",
-            "line": 161,
+            "line": 167,
+            "description": "Updates the transfor of this object",
+            "itemtype": "method",
+            "name": "updateTransform",
             "access": "private",
             "tagname": "",
             "class": "Text"
         },
         {
             "file": "src/pixi/text/Text.js",
-            "line": 203,
+            "line": 216,
             "description": "A Text Object will apply wordwrap",
+            "itemtype": "method",
+            "name": "wordWrap",
+            "params": [
+                {
+                    "name": "text",
+                    "description": "",
+                    "type": "String"
+                }
+            ],
             "access": "private",
             "tagname": "",
             "class": "Text"
         },
+        {
+            "file": "src/pixi/text/Text.js",
+            "line": 270,
+            "description": "Destroys this text object",
+            "itemtype": "method",
+            "name": "destroy",
+            "params": [
+                {
+                    "name": "destroyTexture",
+                    "description": "",
+                    "type": "Boolean"
+                }
+            ],
+            "class": "Text"
+        },
         {
             "file": "src/pixi/textures/BaseTexture.js",
             "line": 1,
@@ -3297,25 +5054,37 @@
         },
         {
             "file": "src/pixi/textures/BaseTexture.js",
-            "line": 27,
-            "description": "[read only] The width of the base texture set when the image has loaded",
+            "line": 21,
+            "description": "[read-only] The width of the base texture set when the image has loaded",
             "itemtype": "property",
             "name": "width",
             "type": "Number",
+            "readonly": "",
             "class": "BaseTexture"
         },
         {
             "file": "src/pixi/textures/BaseTexture.js",
-            "line": 33,
-            "description": "[read only] The height of the base texture set when the image has loaded",
+            "line": 30,
+            "description": "[read-only] The height of the base texture set when the image has loaded",
             "itemtype": "property",
             "name": "height",
             "type": "Number",
+            "readonly": "",
             "class": "BaseTexture"
         },
         {
             "file": "src/pixi/textures/BaseTexture.js",
-            "line": 40,
+            "line": 39,
+            "description": "[read-only] Describes if the base texture has loaded or not",
+            "itemtype": "property",
+            "name": "hasLoaded",
+            "type": "Boolean",
+            "readonly": "",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "src/pixi/textures/BaseTexture.js",
+            "line": 48,
             "description": "The source that is loaded to create the texture",
             "itemtype": "property",
             "name": "source",
@@ -3324,8 +5093,16 @@
         },
         {
             "file": "src/pixi/textures/BaseTexture.js",
-            "line": 101,
-            "description": "Helper function that returns a base texture based on an image url\n If the image is not in the base texture cache it will be  created and loaded",
+            "line": 99,
+            "description": "Destroys this base texture",
+            "itemtype": "method",
+            "name": "destroy",
+            "class": "BaseTexture"
+        },
+        {
+            "file": "src/pixi/textures/BaseTexture.js",
+            "line": 114,
+            "description": "Helper function that returns a base texture based on an image url\nIf the image is not in the base texture cache it will be  created and loaded",
             "static": 1,
             "itemtype": "method",
             "name": "fromImage",
@@ -3349,14 +5126,34 @@
         },
         {
             "file": "src/pixi/textures/RenderTexture.js",
-            "line": 112,
+            "line": 57,
+            "description": "Initializes the webgl data for this texture",
+            "itemtype": "method",
+            "name": "initWebGL",
+            "access": "private",
+            "tagname": "",
+            "class": "RenderTexture"
+        },
+        {
+            "file": "src/pixi/textures/RenderTexture.js",
+            "line": 125,
+            "description": "Initializes the canvas data for this texture",
+            "itemtype": "method",
+            "name": "initCanvas",
+            "access": "private",
+            "tagname": "",
+            "class": "RenderTexture"
+        },
+        {
+            "file": "src/pixi/textures/RenderTexture.js",
+            "line": 141,
             "description": "This function will draw the display object to the texture.",
             "itemtype": "method",
-            "name": "render",
+            "name": "renderWebGL",
             "params": [
                 {
                     "name": "displayObject",
-                    "description": "",
+                    "description": "The display object to render this texture on",
                     "type": "DisplayObject"
                 },
                 {
@@ -3365,6 +5162,30 @@
                     "type": "Boolean"
                 }
             ],
+            "access": "private",
+            "tagname": "",
+            "class": "RenderTexture"
+        },
+        {
+            "file": "src/pixi/textures/RenderTexture.js",
+            "line": 214,
+            "description": "This function will draw the display object to the texture.",
+            "itemtype": "method",
+            "name": "renderCanvas",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "The display object to render this texture on",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "clear",
+                    "description": "If true the texture will be cleared before the displayObject is drawn",
+                    "type": "Boolean"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
             "class": "RenderTexture"
         },
         {
@@ -3384,23 +5205,63 @@
         },
         {
             "file": "src/pixi/textures/Texture.js",
-            "line": 40,
+            "line": 39,
             "description": "The frame specifies the region of the base texture that this texture uses",
             "itemtype": "property",
             "name": "frame",
-            "type": "#Rectangle",
+            "type": "Rectangle",
             "class": "Texture"
         },
         {
             "file": "src/pixi/textures/Texture.js",
-            "line": 83,
+            "line": 47,
+            "description": "The trim point",
+            "itemtype": "property",
+            "name": "trim",
+            "type": "Point",
+            "class": "Texture"
+        },
+        {
+            "file": "src/pixi/textures/Texture.js",
+            "line": 73,
+            "description": "Called when the base texture is loaded",
+            "itemtype": "method",
+            "name": "onBaseTextureLoaded",
+            "params": [
+                {
+                    "name": "event",
+                    "description": ""
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "Texture"
+        },
+        {
+            "file": "src/pixi/textures/Texture.js",
+            "line": 93,
+            "description": "Destroys this texture",
+            "itemtype": "method",
+            "name": "destroy",
+            "params": [
+                {
+                    "name": "destroyBase",
+                    "description": "Whether to destroy the base texture as well",
+                    "type": "Boolean"
+                }
+            ],
+            "class": "Texture"
+        },
+        {
+            "file": "src/pixi/textures/Texture.js",
+            "line": 104,
             "description": "Specifies the rectangle region of the baseTexture",
             "itemtype": "method",
             "name": "setFrame",
             "params": [
                 {
                     "name": "frame",
-                    "description": "",
+                    "description": "The frame of the texture to set it to",
                     "type": "Rectangle"
                 }
             ],
@@ -3408,8 +5269,8 @@
         },
         {
             "file": "src/pixi/textures/Texture.js",
-            "line": 105,
-            "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",
+            "line": 127,
+            "description": "Helper function that returns a texture based on an image url\nIf the image is not in the texture cache it will be  created and loaded",
             "static": 1,
             "itemtype": "method",
             "name": "fromImage",
@@ -3418,6 +5279,11 @@
                     "name": "imageUrl",
                     "description": "The image url of the texture",
                     "type": "String"
+                },
+                {
+                    "name": "crossorigin",
+                    "description": "Whether requests should be treated as crossorigin",
+                    "type": "Boolean"
                 }
             ],
             "return": {
@@ -3427,8 +5293,9 @@
         },
         {
             "file": "src/pixi/textures/Texture.js",
-            "line": 127,
-            "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",
+            "line": 150,
+            "description": "Helper function that returns a texture based on a frame id\nIf the frame id is not in the texture cache an error will be thrown",
+            "static": 1,
             "itemtype": "method",
             "name": "fromFrame",
             "params": [
@@ -3445,8 +5312,8 @@
         },
         {
             "file": "src/pixi/textures/Texture.js",
-            "line": 142,
-            "description": "Helper function that returns a texture based on a canvas element\n If the canvas is not in the texture cache it will be  created and loaded",
+            "line": 166,
+            "description": "Helper function that returns a texture based on a canvas element\nIf the canvas is not in the texture cache it will be  created and loaded",
             "static": 1,
             "itemtype": "method",
             "name": "fromCanvas",
@@ -3464,7 +5331,7 @@
         },
         {
             "file": "src/pixi/textures/Texture.js",
-            "line": 158,
+            "line": 182,
             "description": "Adds a texture to the textureCache.",
             "static": 1,
             "itemtype": "method",
@@ -3485,7 +5352,7 @@
         },
         {
             "file": "src/pixi/textures/Texture.js",
-            "line": 171,
+            "line": 195,
             "description": "Remove a texture from the textureCache.",
             "static": 1,
             "itemtype": "method",
@@ -3507,12 +5374,12 @@
             "file": "src/pixi/utils/Detector.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
-            "class": "InteractionManager"
+            "class": "EventTarget"
         },
         {
             "file": "src/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",
+            "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\nthe browser then this function will return a canvas renderer",
             "itemtype": "method",
             "name": "autoDetectRenderer",
             "static": 1,
@@ -3533,89 +5400,348 @@
                     "type": "Canvas"
                 },
                 {
-                    "name": "transparent",
+                    "name": "transparent=false",
                     "description": "the transparency of the render view, default false",
                     "type": "Boolean"
+                },
+                {
+                    "name": "antialias=false",
+                    "description": "sets antialias (only applicable in webGL chrome at the moment)\n\nantialias",
+                    "type": "Boolean"
                 }
             ],
-            "default": "false",
-            "class": "InteractionManager"
+            "class": "EventTarget"
         },
         {
             "file": "src/pixi/utils/EventTarget.js",
             "line": 1,
             "description": "https://github.com/mrdoob/eventtarget.js/\nTHankS mr DOob!",
-            "class": "InteractionManager"
+            "class": "EventTarget"
+        },
+        {
+            "file": "src/pixi/utils/Polyk.js",
+            "line": 36,
+            "description": "Triangulates shapes for webGL graphic fills",
+            "itemtype": "method",
+            "name": "Triangulate",
+            "is_constructor": 1,
+            "class": "PolyK._PointInTriangle",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/utils/Utils.js",
-            "line": 38,
-            "description": "Provides bind in a cross browser way.",
-            "class": "InteractionManager"
+            "line": 8,
+            "description": "A polyfill for requestAnimationFrame",
+            "itemtype": "method",
+            "name": "requestAnimationFrame",
+            "class": "PolyK.AjaxRequest",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/utils/Utils.js",
+            "line": 13,
+            "description": "A polyfill for cancelAnimationFrame",
+            "itemtype": "method",
+            "name": "cancelAnimationFrame",
+            "class": "PolyK.AjaxRequest",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/utils/Utils.js",
+            "line": 43,
+            "description": "Converts a hex color number to an [R, G, B] array",
+            "itemtype": "method",
+            "name": "HEXtoRGB",
+            "params": [
+                {
+                    "name": "hex",
+                    "description": "",
+                    "type": "Number"
+                }
+            ],
+            "class": "PolyK.AjaxRequest",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/utils/Utils.js",
+            "line": 53,
+            "description": "A polyfill for Function.prototype.bind",
+            "itemtype": "method",
+            "name": "bind",
+            "class": "PolyK.AjaxRequest",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
-            "class": "InteractionManager"
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
-            "line": 17,
+            "line": 15,
             "description": "a refference to the stage",
             "itemtype": "property",
             "name": "stage",
             "type": "Stage",
-            "class": "InteractionManager"
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
-            "line": 30,
+            "line": 23,
             "description": "the mouse data",
             "itemtype": "property",
             "name": "mouse",
             "type": "InteractionData",
-            "class": "InteractionManager"
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
-            "line": 37,
+            "line": 31,
             "description": "an object that stores current touches (InteractionData) by id reference",
             "itemtype": "property",
             "name": "touchs",
             "type": "Object",
-            "class": "InteractionManager"
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
-            "line": 499,
+            "line": 70,
+            "description": "Collects an interactive sprite recursively to have their interactions managed",
+            "itemtype": "method",
+            "name": "collectInteractiveSprite",
+            "params": [
+                {
+                    "name": "displayObject",
+                    "description": "the displayObject to collect",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "iParent",
+                    "description": "",
+                    "type": "DisplayObject"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 114,
+            "description": "Sets the target for event delegation",
+            "itemtype": "method",
+            "name": "setTarget",
+            "params": [
+                {
+                    "name": "target",
+                    "description": "the renderer to bind events to",
+                    "type": "WebGLRenderer|CanvasRenderer"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 135,
+            "description": "Sets the dom element which will receive mouse/touch events. This is useful for when you have other DOM\nelements ontop of the renderers Canvas element. With this you'll be able to delegate another dom element\nto receive those events",
+            "itemtype": "method",
+            "name": "setTargetDomElement",
+            "params": [
+                {
+                    "name": "domElement",
+                    "description": "the dom element which will receive mouse and touch events",
+                    "type": "DOMElement"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 185,
+            "description": "updates the state of interactive objects",
+            "itemtype": "method",
+            "name": "update",
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 273,
+            "description": "Is called when the mouse moves accross the renderer element",
+            "itemtype": "method",
+            "name": "onMouseMove",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "The DOM event of the mouse moving",
+                    "type": "Event"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 305,
+            "description": "Is called when the mouse button is pressed down on the renderer element",
+            "itemtype": "method",
+            "name": "onMouseDown",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "The DOM event of a mouse button being pressed down",
+                    "type": "Event"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 370,
+            "description": "Is called when the mouse button is released on the renderer element",
+            "itemtype": "method",
+            "name": "onMouseUp",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "The DOM event of a mouse button being released",
+                    "type": "Event"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 422,
+            "description": "Tests if the current mouse coords hit a sprite",
+            "itemtype": "method",
+            "name": "hitTest",
+            "params": [
+                {
+                    "name": "item",
+                    "description": "The displayObject to test for a hit",
+                    "type": "DisplayObject"
+                },
+                {
+                    "name": "interactionData",
+                    "description": "The interactiondata object to update in the case of a hit",
+                    "type": "InteractionData"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 495,
+            "description": "Is called when a touch is moved accross the renderer element",
+            "itemtype": "method",
+            "name": "onTouchMove",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "The DOM event of a touch moving accross the renderer view",
+                    "type": "Event"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 526,
+            "description": "Is called when a touch is started on the renderer element",
+            "itemtype": "method",
+            "name": "onTouchStart",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "The DOM event of a touch starting on the renderer view",
+                    "type": "Event"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 575,
+            "description": "Is called when a touch is ended on the renderer element",
+            "itemtype": "method",
+            "name": "onTouchEnd",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "The DOM event of a touch ending on the renderer view",
+                    "type": "Event"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "PolyK.InteractionManager",
+            "namespace": "PolyK"
+        },
+        {
+            "file": "src/pixi/InteractionManager.js",
+            "line": 654,
             "description": "This point stores the global coords of where the touch/mouse event happened",
             "itemtype": "property",
             "name": "global",
             "type": "Point",
-            "class": "InteractionData"
+            "class": "PolyK.InteractionData",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
-            "line": 509,
+            "line": 665,
             "description": "The target Sprite that was interacted with",
             "itemtype": "property",
             "name": "target",
             "type": "Sprite",
-            "class": "InteractionData"
+            "class": "PolyK.InteractionData",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
-            "line": 516,
+            "line": 673,
             "description": "When passed to an event handler, this will be the original DOM Event that was captured",
             "itemtype": "property",
             "name": "originalEvent",
             "type": "Event",
-            "class": "InteractionData"
+            "class": "PolyK.InteractionData",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/InteractionManager.js",
-            "line": 524,
+            "line": 682,
             "description": "This will return the local coords of the specified displayObject for this InteractionData",
             "itemtype": "method",
             "name": "getLocalPosition",
@@ -3630,39 +5756,67 @@
                 "description": "A point containing the coords of the InteractionData position relative to the DisplayObject",
                 "type": "Point"
             },
-            "class": "InteractionData"
+            "class": "PolyK.InteractionData",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/Intro.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
-            "class": ""
+            "class": "",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/Outro.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
-            "class": ""
+            "class": "",
+            "namespace": "PolyK"
         },
         {
             "file": "src/pixi/Pixi.js",
             "line": 1,
             "author": "Mat Groves http://matgroves.com/ @Doormat23",
-            "class": ""
+            "class": "",
+            "namespace": "PolyK"
         }
     ],
     "warnings": [
         {
-            "message": "unknown tag: internal",
-            "line": " src/pixi/display/Stage.js:42"
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/filters/BlurFilter.js:6"
+        },
+        {
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/filters/ColorMatrixFilter.js:5"
+        },
+        {
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/filters/DisplacementFilter.js:6"
+        },
+        {
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/filters/GreyFilter.js:6"
+        },
+        {
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/filters/InvertFilter.js:5"
+        },
+        {
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/filters/PixelateFilter.js:5"
+        },
+        {
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/filters/SepiaFilter.js:7"
+        },
+        {
+            "message": "unknown tag: contructor",
+            "line": " src/pixi/renderers/webgl/WebGLRenderGroup.js:5"
         },
         {
             "message": "unknown tag: methos",
-            "line": " src/pixi/renderers/webgl/WebGLBatch.js:293"
-        },
-        {
-            "message": "unknown tag: methos",
-            "line": " src/pixi/text/Text.js:63"
+            "line": " src/pixi/text/Text.js:65"
         },
         {
             "message": "Missing item type",
@@ -3688,18 +5842,10 @@
             "message": "Missing item type",
             "line": " src/pixi/display/DisplayObject.js:1"
         },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/display/DisplayObject.js:399"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/display/DisplayObjectContainer.js:1"
         },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/display/DisplayObjectContainer.js:358"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/display/MovieClip.js:1"
@@ -3708,10 +5854,6 @@
             "message": "Missing item type",
             "line": " src/pixi/display/Sprite.js:1"
         },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/display/Sprite.js:119"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/display/Stage.js:1"
@@ -3730,15 +5872,7 @@
         },
         {
             "message": "Missing item type\ncx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of",
-            "line": " src/pixi/extras/Spine.js:308"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:604"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:611"
+            "line": " src/pixi/extras/Spine.js:327"
         },
         {
             "message": "Missing item type",
@@ -3746,11 +5880,11 @@
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:626"
+            "line": " src/pixi/extras/Spine.js:625"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:633"
+            "line": " src/pixi/extras/Spine.js:632"
         },
         {
             "message": "Missing item type",
@@ -3758,23 +5892,23 @@
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:675"
+            "line": " src/pixi/extras/Spine.js:647"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:683"
+            "line": " src/pixi/extras/Spine.js:654"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:698"
+            "line": " src/pixi/extras/Spine.js:689"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:702"
+            "line": " src/pixi/extras/Spine.js:697"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:709"
+            "line": " src/pixi/extras/Spine.js:712"
         },
         {
             "message": "Missing item type",
@@ -3784,29 +5918,29 @@
             "message": "Missing item type",
             "line": " src/pixi/extras/Spine.js:723"
         },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/extras/Spine.js:730"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/extras/Spine.js:737"
+        },
         {
             "message": "Missing item type\nfrom the new skin are attached if the corresponding attachment from the old skin was attached.",
-            "line": " src/pixi/extras/Spine.js:735"
+            "line": " src/pixi/extras/Spine.js:749"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:742"
+            "line": " src/pixi/extras/Spine.js:756"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:746"
+            "line": " src/pixi/extras/Spine.js:760"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:755"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:948"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:954"
+            "line": " src/pixi/extras/Spine.js:769"
         },
         {
             "message": "Missing item type",
@@ -3818,11 +5952,19 @@
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:984"
+            "line": " src/pixi/extras/Spine.js:972"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/extras/Spine.js:1401"
+            "line": " src/pixi/extras/Spine.js:978"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/extras/Spine.js:996"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/extras/Spine.js:1415"
         },
         {
             "message": "Missing item type",
@@ -3832,98 +5974,82 @@
             "message": "Missing item type",
             "line": " src/pixi/extras/TilingSprite.js:1"
         },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/AbstractFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/BlurFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/BlurXFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/BlurYFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/ColorMatrixFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/DisplacementFilter.js:1"
+        },
         {
             "message": "Missing item type",
             "line": " src/pixi/filters/FilterBlock.js:1"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/filters/MaskFilter.js:1"
+            "line": " src/pixi/filters/GreyFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/InvertFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/PixelateFilter.js:1"
+        },
+        {
+            "message": "Missing item type\n/**\n * @author Mat Groves http://matgroves.com/ @Doormat23",
+            "line": " src/pixi/filters/SepiaFilter.js:1"
+        },
+        {
+            "message": "Missing item type",
+            "line": " src/pixi/filters/SmartBlurFilter.js:1"
         },
         {
             "message": "Missing item type",
             "line": " src/pixi/loaders/AssetLoader.js:1"
         },
-        {
-            "message": "Missing item type\nThis will begin loading the assets sequentially",
-            "line": " src/pixi/loaders/AssetLoader.js:54"
-        },
-        {
-            "message": "Missing item type\nInvoked after each file is loaded",
-            "line": " src/pixi/loaders/AssetLoader.js:82"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/loaders/BitmapFontLoader.js:1"
         },
-        {
-            "message": "Missing item type\nThis will begin loading the JSON file",
-            "line": " src/pixi/loaders/BitmapFontLoader.js:34"
-        },
-        {
-            "message": "Missing item type\nInvoked when XML file is loaded",
-            "line": " src/pixi/loaders/BitmapFontLoader.js:51"
-        },
-        {
-            "message": "Missing item type\nInvoked when all files are loaded (xml/fnt and texture)",
-            "line": " src/pixi/loaders/BitmapFontLoader.js:121"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/loaders/ImageLoader.js:1"
         },
         {
-            "message": "Missing item type\nLoads image or takes it from cache",
-            "line": " src/pixi/loaders/ImageLoader.js:24"
-        },
-        {
-            "message": "Missing item type\nInvoked when image file is loaded or it is already cached and ready to use",
-            "line": " src/pixi/loaders/ImageLoader.js:43"
+            "message": "Missing item type\nif the image is loaded with loadFramedSpriteSheet\nframes will contain the sprite sheet frames",
+            "line": " src/pixi/loaders/ImageLoader.js:28"
         },
         {
             "message": "Missing item type",
             "line": " src/pixi/loaders/JsonLoader.js:1"
         },
-        {
-            "message": "Missing item type\nThis will begin loading the JSON file",
-            "line": " src/pixi/loaders/JsonLoader.js:28"
-        },
-        {
-            "message": "Missing item type\nInvoke when JSON file is loaded",
-            "line": " src/pixi/loaders/JsonLoader.js:43"
-        },
-        {
-            "message": "Missing item type\nInvoke when json file loaded",
-            "line": " src/pixi/loaders/JsonLoader.js:108"
-        },
-        {
-            "message": "Missing item type\nInvoke when error occured",
-            "line": " src/pixi/loaders/JsonLoader.js:120"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/loaders/SpineLoader.js:1"
         },
-        {
-            "message": "Missing item type\nInvoke when JSON file is loaded",
-            "line": " src/pixi/loaders/SpineLoader.js:54"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/loaders/SpriteSheetLoader.js:1"
         },
-        {
-            "message": "Missing item type\nThis will begin loading the JSON file",
-            "line": " src/pixi/loaders/SpriteSheetLoader.js:37"
-        },
-        {
-            "message": "Missing item type\nInvoke when JSON file is loaded",
-            "line": " src/pixi/loaders/SpriteSheetLoader.js:50"
-        },
-        {
-            "message": "Missing item type\nInvoke when all files are loaded (json and texture)",
-            "line": " src/pixi/loaders/SpriteSheetLoader.js:85"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/primitives/Graphics.js:1"
@@ -3937,24 +6063,16 @@
             "line": " src/pixi/renderers/canvas/CanvasRenderer.js:1"
         },
         {
-            "message": "Missing item type\nresizes the canvas view to the specified width and height",
-            "line": " src/pixi/renderers/canvas/CanvasRenderer.js:110"
+            "message": "Missing item type",
+            "line": " src/pixi/renderers/webgl/PixiShader.js:1"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/renderers/canvas/CanvasRenderer.js:124"
+            "line": " src/pixi/renderers/webgl/PrimitiveShader.js:1"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/renderers/canvas/CanvasRenderer.js:235"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/canvas/CanvasRenderer.js:268"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/canvas/CanvasRenderer.js:299"
+            "line": " src/pixi/renderers/webgl/StripShader.js:1"
         },
         {
             "message": "Missing item type",
@@ -3973,12 +6091,8 @@
             "line": " src/pixi/renderers/webgl/WebGLBatch.js:31"
         },
         {
-            "message": "Missing item type\nCleans the batch so that is can be returned to an object pool and reused",
-            "line": " src/pixi/renderers/webgl/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": " src/pixi/renderers/webgl/WebGLBatch.js:293"
+            "message": "Missing item type",
+            "line": " src/pixi/renderers/webgl/WebGLFilterManager.js:1"
         },
         {
             "message": "Missing item type",
@@ -3988,93 +6102,25 @@
             "message": "Missing item type",
             "line": " src/pixi/renderers/webgl/WebGLRenderGroup.js:1"
         },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderGroup.js:725"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderGroup.js:732"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderGroup.js:787"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderGroup.js:875"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderGroup.js:912"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/renderers/webgl/WebGLRenderer.js:1"
         },
         {
             "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderer.js:90"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderer.js:105"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderer.js:115"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderer.js:204"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderer.js:290"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLRenderer.js:299"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/renderers/webgl/WebGLShaders.js:2"
+            "line": " src/pixi/renderers/webgl/WebGLShaders.js:1"
         },
         {
             "message": "Missing item type",
             "line": " src/pixi/text/BitmapText.js:1"
         },
-        {
-            "message": "Missing item type\nRenders text",
-            "line": " src/pixi/text/BitmapText.js:64"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/text/BitmapText.js:137"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/text/Text.js:1"
         },
         {
             "message": "Missing item type\nSet the copy for the text object. To split a line you can use \"\\n\"",
-            "line": " src/pixi/text/Text.js:63"
-        },
-        {
-            "message": "Missing item type\nRenders text",
-            "line": " src/pixi/text/Text.js:74"
-        },
-        {
-            "message": "Missing item type\nUpdates texture size based on canvas size",
-            "line": " src/pixi/text/Text.js:143"
-        },
-        {
-            "message": "Missing item type",
-            "line": " src/pixi/text/Text.js:161"
-        },
-        {
-            "message": "Missing item type\nA Text Object will apply wordwrap",
-            "line": " src/pixi/text/Text.js:203"
+            "line": " src/pixi/text/Text.js:65"
         },
         {
             "message": "Missing item type",
@@ -4096,10 +6142,6 @@
             "message": "Missing item type\nhttps://github.com/mrdoob/eventtarget.js/\nTHankS mr DOob!",
             "line": " src/pixi/utils/EventTarget.js:1"
         },
-        {
-            "message": "Missing item type\nProvides bind in a cross browser way.",
-            "line": " src/pixi/utils/Utils.js:38"
-        },
         {
             "message": "Missing item type",
             "line": " src/pixi/InteractionManager.js:1"
diff --git a/docs/files/src_pixi_InteractionManager.js.html b/docs/files/src_pixi_InteractionManager.js.html
index e30e1a9..224d190 100644
--- a/docs/files/src_pixi_InteractionManager.js.html
+++ b/docs/files/src_pixi_InteractionManager.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;InteractionManager.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/InteractionManager.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,80 +166,103 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;InteractionManager.js</h1>
+                        <h1 class="file-heading">File: src/pixi/InteractionManager.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
-
-
-
-&#x2F;**
-The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
-This manager also supports multitouch.
-@class InteractionManager
-@constructor
-@param stage {Stage}
-@type Stage
-*&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+ 
+ /**
+ * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
+ * This manager also supports multitouch.
+ *
+ * @class InteractionManager
+ * @constructor
+ * @param stage {Stage} The stage to handle interactions
+ */
 PIXI.InteractionManager = function(stage)
 {
-	&#x2F;**
+	/**
 	 * a refference to the stage
+	 *
 	 * @property stage
 	 * @type Stage
-	 *&#x2F;
+	 */
 	this.stage = stage;
 
-	&#x2F;&#x2F; helpers
-	this.tempPoint = new PIXI.Point();
-	&#x2F;&#x2F;this.tempMatrix =  mat3.create();
-	
-	this.mouseoverEnabled = true;
-	
-	&#x2F;**
-	 * the mouse data 
+	/**
+	 * the mouse data
+	 *
 	 * @property mouse
 	 * @type InteractionData
-	 *&#x2F;
+	 */
 	this.mouse = new PIXI.InteractionData();
-	
-	&#x2F;**
-	 * an object that stores current touches (InteractionData) by id reference 
+
+	/**
+	 * an object that stores current touches (InteractionData) by id reference
+	 *
 	 * @property touchs
 	 * @type Object
-	 *&#x2F;
+	 */
 	this.touchs = {};
-	
-	&#x2F;&#x2F;tiny little interactiveData pool!
-	this.pool = [];
-	
-	this.interactiveItems = [];
 
+
+	
+	// helpers
+	this.tempPoint = new PIXI.Point();
+	//this.tempMatrix =  mat3.create();
+
+	this.mouseoverEnabled = true;
+
+	//tiny little interactiveData pool!
+	this.pool = [];
+
+	this.interactiveItems = [];
+	this.interactionDOMElement = null;
+
+	//this will make it so that you dont have to call bind all the time
+	this.onMouseMove = this.onMouseMove.bind( this );
+	this.onMouseDown = this.onMouseDown.bind(this);
+	this.onMouseOut = this.onMouseOut.bind(this);
+	this.onMouseUp = this.onMouseUp.bind(this);
+
+	this.onTouchStart = this.onTouchStart.bind(this);
+	this.onTouchEnd = this.onTouchEnd.bind(this);
+	this.onTouchMove = this.onTouchMove.bind(this);
+	
+	
 	this.last = 0;
 }
 
-&#x2F;&#x2F; constructor
-PIXI.InteractionManager.constructor = PIXI.InteractionManager;
+// constructor
+PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
 
+/**
+ * Collects an interactive sprite recursively to have their interactions managed
+ *
+ * @method collectInteractiveSprite
+ * @param displayObject {DisplayObject} the displayObject to collect
+ * @param iParent {DisplayObject}
+ * @private
+ */
 PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
 {
 	var children = displayObject.children;
 	var length = children.length;
 	
-	&#x2F;&#x2F;&#x2F; make an interaction tree... {item.__interactiveParent}
+	/// make an interaction tree... {item.__interactiveParent}
 	for (var i = length-1; i &gt;= 0; i--)
 	{
 		var child = children[i];
 		
-		if(child.visible) {
-			&#x2F;&#x2F; push all interactive bits
+//		if(child.visible) {
+			// push all interactive bits
 			if(child.interactive)
 			{
 				iParent.interactiveChildren = true;
-				&#x2F;&#x2F;child.__iParent = iParent;
+				//child.__iParent = iParent;
 				this.interactiveItems.push(child);
 
 				if(child.children.length &gt; 0)
@@ -232,48 +279,102 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
 					this.collectInteractiveSprite(child, iParent);
 				}
 			}
-		}
+//		}
 	}
 }
 
+/**
+ * Sets the target for event delegation
+ *
+ * @method setTarget
+ * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
+ * @private
+ */
 PIXI.InteractionManager.prototype.setTarget = function(target)
 {
-	if (window.navigator.msPointerEnabled) 
-	{
-		&#x2F;&#x2F; time to remove some of that zoom in ja..
-		target.view.style[&quot;-ms-content-zooming&quot;] = &quot;none&quot;;
-    	target.view.style[&quot;-ms-touch-action&quot;] = &quot;none&quot;
-    
-		&#x2F;&#x2F; DO some window specific touch!
-	}
-	
 	this.target = target;
-	target.view.addEventListener(&#x27;mousemove&#x27;,  this.onMouseMove.bind(this), true);
-	target.view.addEventListener(&#x27;mousedown&#x27;,  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener(&#x27;mouseup&#x27;,  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener(&#x27;mouseout&#x27;,   this.onMouseUp.bind(this), true);
-	
-	&#x2F;&#x2F; aint no multi touch just yet!
-	target.view.addEventListener(&quot;touchstart&quot;, this.onTouchStart.bind(this), true);
-	target.view.addEventListener(&quot;touchend&quot;, this.onTouchEnd.bind(this), true);
-	target.view.addEventListener(&quot;touchmove&quot;, this.onTouchMove.bind(this), true);
+
+	//check if the dom element has been set. If it has don&#x27;t do anything
+	if( this.interactionDOMElement === null ) {
+
+		this.setTargetDomElement( target.view );
+	}
+
+ 	document.body.addEventListener(&#x27;mouseup&#x27;,  this.onMouseUp, true);
 }
 
+
+/**
+ * Sets the dom element which will receive mouse/touch events. This is useful for when you have other DOM
+ * elements ontop of the renderers Canvas element. With this you&#x27;ll be able to delegate another dom element
+ * to receive those events
+ *
+ * @method setTargetDomElement
+ * @param domElement {DOMElement} the dom element which will receive mouse and touch events
+ * @private
+ */
+PIXI.InteractionManager.prototype.setTargetDomElement = function(domElement)
+{
+	//remove previouse listeners
+	if( this.interactionDOMElement !== null ) 
+	{
+		this.interactionDOMElement.style[&#x27;-ms-content-zooming&#x27;] = &#x27;&#x27;;
+    	this.interactionDOMElement.style[&#x27;-ms-touch-action&#x27;] = &#x27;&#x27;;
+
+		this.interactionDOMElement.removeEventListener(&#x27;mousemove&#x27;,  this.onMouseMove, true);
+		this.interactionDOMElement.removeEventListener(&#x27;mousedown&#x27;,  this.onMouseDown, true);
+	 	this.interactionDOMElement.removeEventListener(&#x27;mouseout&#x27;,   this.onMouseOut, true);
+
+	 	// aint no multi touch just yet!
+		this.interactionDOMElement.removeEventListener(&#x27;touchstart&#x27;, this.onTouchStart, true);
+		this.interactionDOMElement.removeEventListener(&#x27;touchend&#x27;, this.onTouchEnd, true);
+		this.interactionDOMElement.removeEventListener(&#x27;touchmove&#x27;, this.onTouchMove, true);
+	}
+
+
+	if (window.navigator.msPointerEnabled) 
+	{
+		// time to remove some of that zoom in ja..
+		domElement.style[&#x27;-ms-content-zooming&#x27;] = &#x27;none&#x27;;
+    	domElement.style[&#x27;-ms-touch-action&#x27;] = &#x27;none&#x27;;
+    
+		// DO some window specific touch!
+	}
+
+	this.interactionDOMElement = domElement;
+
+	domElement.addEventListener(&#x27;mousemove&#x27;,  this.onMouseMove, true);
+	domElement.addEventListener(&#x27;mousedown&#x27;,  this.onMouseDown, true);
+ 	domElement.addEventListener(&#x27;mouseout&#x27;,   this.onMouseOut, true);
+
+ 	// aint no multi touch just yet!
+	domElement.addEventListener(&#x27;touchstart&#x27;, this.onTouchStart, true);
+	domElement.addEventListener(&#x27;touchend&#x27;, this.onTouchEnd, true);
+	domElement.addEventListener(&#x27;touchmove&#x27;, this.onTouchMove, true);
+}
+
+
+/**
+ * updates the state of interactive objects
+ *
+ * @method update
+ * @private
+ */
 PIXI.InteractionManager.prototype.update = function()
 {
 	if(!this.target)return;
 	
-	&#x2F;&#x2F; frequency of 30fps??
+	// frequency of 30fps??
 	var now = Date.now();
 	var diff = now - this.last;
-	diff = (diff * 30) &#x2F; 1000;
+	diff = (diff * 30) / 1000;
 	if(diff &lt; 1)return;
 	this.last = now;
-	&#x2F;&#x2F;
+	//
 	
-	&#x2F;&#x2F; ok.. so mouse events??
-	&#x2F;&#x2F; yes for now :)
-	&#x2F;&#x2F; OPTIMSE - how often to check??
+	// ok.. so mouse events??
+	// yes for now :)
+	// OPTIMSE - how often to check??
 	if(this.dirty)
 	{
 		this.dirty = false;
@@ -287,34 +388,37 @@ PIXI.InteractionManager.prototype.update = function()
 		this.interactiveItems = [];
 		
 		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		&#x2F;&#x2F; go through and collect all the objects that are interactive..
+		// go through and collect all the objects that are interactive..
 		this.collectInteractiveSprite(this.stage, this.stage);
 	}
 	
-	&#x2F;&#x2F; loop through interactive objects!
+	// loop through interactive objects!
 	var length = this.interactiveItems.length;
 	
-	this.target.view.style.cursor = &quot;default&quot;;	
+	this.interactionDOMElement.style.cursor = &quot;default&quot;;	
 				
 	for (var i = 0; i &lt; length; i++)
 	{
 		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
 		
-		&#x2F;&#x2F; OPTIMISATION - only calculate every time if the mousemove function exists..
-		&#x2F;&#x2F; OK so.. does the object have any other interactive functions?
-		&#x2F;&#x2F; hit-test the clip!
+		
+		//if(!item.visible)continue;
+		
+		// OPTIMISATION - only calculate every time if the mousemove function exists..
+		// OK so.. does the object have any other interactive functions?
+		// hit-test the clip!
 		
 		
 		if(item.mouseover || item.mouseout || item.buttonMode)
 		{
-			&#x2F;&#x2F; ok so there are some functions so lets hit test it..
+			// ok so there are some functions so lets hit test it..
 			item.__hit = this.hitTest(item, this.mouse);
-			&#x2F;&#x2F; ok so deal with interactions..
-			&#x2F;&#x2F; loks like there was a hit!
+			this.mouse.target = item;
+			// ok so deal with interactions..
+			// loks like there was a hit!
 			if(item.__hit)
 			{
-				if(item.buttonMode)this.target.view.style.cursor = &quot;pointer&quot;;	
+				if(item.buttonMode) this.interactionDOMElement.style.cursor = &quot;pointer&quot;;	
 				
 				if(!item.__isOver)
 				{
@@ -327,25 +431,32 @@ PIXI.InteractionManager.prototype.update = function()
 			{
 				if(item.__isOver)
 				{
-					&#x2F;&#x2F; roll out!
+					// roll out!
 					if(item.mouseout)item.mouseout(this.mouse);
 					item.__isOver = false;	
 				}
 			}
 		}
 		
-		&#x2F;&#x2F; ---&gt;
+		// ---&gt;
 	}
 }
 
+/**
+ * Is called when the mouse moves accross the renderer element
+ *
+ * @method onMouseMove
+ * @param event {Event} The DOM event of the mouse moving
+ * @private
+ */
 PIXI.InteractionManager.prototype.onMouseMove = function(event)
 {
-	this.mouse.originalEvent = event || window.event; &#x2F;&#x2F;IE uses window.event
-	&#x2F;&#x2F; TODO optimize by not check EVERY TIME! maybe half as often? &#x2F;&#x2F;
-	var rect = this.target.view.getBoundingClientRect();
+	this.mouse.originalEvent = event || window.event; //IE uses window.event
+	// TODO optimize by not check EVERY TIME! maybe half as often? //
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width &#x2F; rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height &#x2F; rect.height);
+	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
+	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
 	
 	var length = this.interactiveItems.length;
 	var global = this.mouse.global;
@@ -357,29 +468,35 @@ PIXI.InteractionManager.prototype.onMouseMove = function(event)
 		
 		if(item.mousemove)
 		{
-			&#x2F;&#x2F;call the function!
+			//call the function!
 			item.mousemove(this.mouse);
 		}
 	}
 }
 
+/**
+ * Is called when the mouse button is pressed down on the renderer element
+ *
+ * @method onMouseDown
+ * @param event {Event} The DOM event of a mouse button being pressed down
+ * @private
+ */
 PIXI.InteractionManager.prototype.onMouseDown = function(event)
 {
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; &#x2F;&#x2F;IE uses window.event
+	this.mouse.originalEvent = event || window.event; //IE uses window.event
 	
-	&#x2F;&#x2F; loop through inteaction tree...
-	&#x2F;&#x2F; hit test each item! -&gt; 
-	&#x2F;&#x2F; get interactive items under point??
-	&#x2F;&#x2F;stage.__i
+	// loop through inteaction tree...
+	// hit test each item! -&gt; 
+	// get interactive items under point??
+	//stage.__i
 	var length = this.interactiveItems.length;
 	var global = this.mouse.global;
 	
 	var index = 0;
 	var parent = this.stage;
 	
-	&#x2F;&#x2F; while 
-	&#x2F;&#x2F; hit test 
+	// while 
+	// hit test 
 	for (var i = 0; i &lt; length; i++)
 	{
 		var item = this.interactiveItems[i];
@@ -391,20 +508,47 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
 			
 			if(item.__hit)
 			{
-				&#x2F;&#x2F;call the function!
+				//call the function!
 				if(item.mousedown)item.mousedown(this.mouse);
 				item.__isDown = true;
 				
-				&#x2F;&#x2F; just the one!
+				// just the one!
 				if(!item.interactiveChildren)break;
 			}
 		}
 	}
 }
 
+
+PIXI.InteractionManager.prototype.onMouseOut = function(event)
+{
+	var length = this.interactiveItems.length;
+	
+	this.interactionDOMElement.style.cursor = &quot;default&quot;;	
+				
+	for (var i = 0; i &lt; length; i++)
+	{
+		var item = this.interactiveItems[i];
+		
+		if(item.__isOver)
+		{
+			this.mouse.target = item;
+			if(item.mouseout)item.mouseout(this.mouse);
+			item.__isOver = false;	
+		}
+	}
+}
+
+/**
+ * Is called when the mouse button is released on the renderer element
+ *
+ * @method onMouseUp
+ * @param event {Event} The DOM event of a mouse button being released
+ * @private
+ */
 PIXI.InteractionManager.prototype.onMouseUp = function(event)
 {
-	this.mouse.originalEvent = event || window.event; &#x2F;&#x2F;IE uses window.event
+	this.mouse.originalEvent = event || window.event; //IE uses window.event
 	
 	var global = this.mouse.global;
 	
@@ -422,7 +566,7 @@ PIXI.InteractionManager.prototype.onMouseUp = function(event)
 			
 			if(item.__hit &amp;&amp; !up)
 			{
-				&#x2F;&#x2F;call the function!
+				//call the function!
 				if(item.mouseup)
 				{
 					item.mouseup(this.mouse);
@@ -447,30 +591,42 @@ PIXI.InteractionManager.prototype.onMouseUp = function(event)
 	}
 }
 
+/**
+ * Tests if the current mouse coords hit a sprite
+ *
+ * @method hitTest
+ * @param item {DisplayObject} The displayObject to test for a hit
+ * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
+ * @private
+ */
 PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
 {
 	var global = interactionData.global;
 	
-	if(!item.visible)return false;
+	if(item.vcount !== PIXI.visibleCount)return false;
 
 	var isSprite = (item instanceof PIXI.Sprite),
 		worldTransform = item.worldTransform,
 		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
 		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 &#x2F; (a00 * a11 + a01 * -a10),
+		id = 1 / (a00 * a11 + a01 * -a10),
 		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
 		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
 
-	&#x2F;&#x2F;a sprite or display object with a hit area defined
+	interactionData.target = item;
+	
+	//a sprite or display object with a hit area defined
 	if(item.hitArea &amp;&amp; item.hitArea.contains) {
 		if(item.hitArea.contains(x, y)) {
-			if(isSprite)
-				interactionData.target = item;
+			//if(isSprite)
+			interactionData.target = item;
 
 			return true;
 		}
+		
+		return false;
 	}
-	&#x2F;&#x2F; a sprite with no hitarea defined
+	// a sprite with no hitarea defined
 	else if(isSprite)
 	{
 		var width = item.texture.frame.width,
@@ -484,7 +640,7 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
 		
 			if(y &gt; y1 &amp;&amp; y &lt; y1 + height)
 			{
-				&#x2F;&#x2F; set the target property if a hit is true!
+				// set the target property if a hit is true!
 				interactionData.target = item
 				return true;
 			}
@@ -497,28 +653,38 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
 	{
 		var tempItem = item.children[i];
 		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)return true;
+		if(hit)
+		{
+			// hmm.. TODO SET CORRECT TARGET?
+			interactionData.target = item
+			return true;
+		}
 	}
 
 	return false;	
 }
 
-
-
+/**
+ * Is called when a touch is moved accross the renderer element
+ *
+ * @method onTouchMove
+ * @param event {Event} The DOM event of a touch moving accross the renderer view
+ * @private
+ */
 PIXI.InteractionManager.prototype.onTouchMove = function(event)
 {
-	this.mouse.originalEvent = event || window.event; &#x2F;&#x2F;IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	var changedTouches = event.changedTouches;
 	
 	for (var i=0; i &lt; changedTouches.length; i++) 
 	{
 		var touchEvent = changedTouches[i];
 		var touchData = this.touchs[touchEvent.identifier];
+		touchData.originalEvent =  event || window.event;
 		
-		&#x2F;&#x2F; update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width &#x2F; rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height &#x2F; rect.height);
+		// update the touch position
+		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
+		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
 	}
 	
 	var length = this.interactiveItems.length;
@@ -529,12 +695,16 @@ PIXI.InteractionManager.prototype.onTouchMove = function(event)
 	}
 }
 
+/**
+ * Is called when a touch is started on the renderer element
+ *
+ * @method onTouchStart
+ * @param event {Event} The DOM event of a touch starting on the renderer view
+ * @private
+ */
 PIXI.InteractionManager.prototype.onTouchStart = function(event)
 {
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; &#x2F;&#x2F;IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	
 	var changedTouches = event.changedTouches;
 	for (var i=0; i &lt; changedTouches.length; i++) 
@@ -544,9 +714,11 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
 		var touchData = this.pool.pop();
 		if(!touchData)touchData = new PIXI.InteractionData();
 		
+		touchData.originalEvent =  event || window.event;
+		
 		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width &#x2F; rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height &#x2F; rect.height);
+		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
+		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
 		
 		var length = this.interactiveItems.length;
 		
@@ -560,7 +732,7 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
 				
 				if(item.__hit)
 				{
-					&#x2F;&#x2F;call the function!
+					//call the function!
 					if(item.touchstart)item.touchstart(touchData);
 					item.__isDown = true;
 					item.__touchData = touchData;
@@ -570,36 +742,41 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
 			}
 		}
 	}
-	
 }
 
+/**
+ * Is called when a touch is ended on the renderer element
+ *
+ * @method onTouchEnd
+ * @param event {Event} The DOM event of a touch ending on the renderer view
+ * @private
+ */
 PIXI.InteractionManager.prototype.onTouchEnd = function(event)
 {
-	this.mouse.originalEvent = event || window.event; &#x2F;&#x2F;IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
+	//this.mouse.originalEvent = event || window.event; //IE uses window.event
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	var changedTouches = event.changedTouches;
 	
 	for (var i=0; i &lt; changedTouches.length; i++) 
 	{
-		 
 		var touchEvent = changedTouches[i];
 		var touchData = this.touchs[touchEvent.identifier];
 		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width &#x2F; rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height &#x2F; rect.height);
+		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
+		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
 		
 		var length = this.interactiveItems.length;
 		for (var j = 0; j &lt; length; j++)
 		{
 			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; &#x2F;&#x2F; &lt;-- Here!
+			var itemTouchData = item.__touchData; // &lt;-- Here!
 			item.__hit = this.hitTest(item, touchData);
 		
 			if(itemTouchData == touchData)
 			{
-				&#x2F;&#x2F; so this one WAS down...
-				
-				&#x2F;&#x2F; hitTest??
+				// so this one WAS down...
+				touchData.originalEvent =  event || window.event;
+				// hitTest??
 				
 				if(item.touchend || item.tap)
 				{
@@ -632,67 +809,71 @@ PIXI.InteractionManager.prototype.onTouchEnd = function(event)
 				
 			}
 		}
-		&#x2F;&#x2F; remove the touch..
+		// remove the touch..
 		this.pool.push(touchData);
 		this.touchs[touchEvent.identifier] = null;
 	}
 }
 
-&#x2F;**
-@class InteractionData
-@constructor
-*&#x2F;
+/**
+ * Holds all information related to an Interaction event
+ *
+ * @class InteractionData
+ * @constructor
+ */
 PIXI.InteractionData = function()
 {
-	&#x2F;**
-	 * This point stores the global coords of where the touch&#x2F;mouse event happened
+	/**
+	 * This point stores the global coords of where the touch/mouse event happened
+	 *
 	 * @property global 
 	 * @type Point
-	 *&#x2F;
+	 */
 	this.global = new PIXI.Point();
 	
-	&#x2F;&#x2F; this is here for legacy... but will remove
+	// this is here for legacy... but will remove
 	this.local = new PIXI.Point();
 
-	&#x2F;**
+	/**
 	 * The target Sprite that was interacted with
+	 *
 	 * @property target
 	 * @type Sprite
-	 *&#x2F;
+	 */
 	this.target;
 
-	&#x2F;**
+	/**
 	 * When passed to an event handler, this will be the original DOM Event that was captured
+	 *
 	 * @property originalEvent
 	 * @type Event
-	 *&#x2F;
+	 */
 	this.originalEvent;
 }
 
-&#x2F;**
+/**
  * This will return the local coords of the specified displayObject for this InteractionData
+ *
  * @method getLocalPosition
  * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
  * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- *&#x2F;
+ */
 PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
 {
 	var worldTransform = displayObject.worldTransform;
 	var global = this.global;
 	
-	&#x2F;&#x2F; do a cheeky transform to get the mouse coords;
+	// do a cheeky transform to get the mouse coords;
 	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
         a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 &#x2F; (a00 * a11 + a01 * -a10);
-	&#x2F;&#x2F; set the mouse coords...
+        id = 1 / (a00 * a11 + a01 * -a10);
+	// set the mouse coords...
 	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
 							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
 }
 
-&#x2F;&#x2F; constructor
-PIXI.InteractionData.constructor = PIXI.InteractionData;
-
-
+// constructor
+PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
 
     </pre>
 </div>
@@ -703,13 +884,13 @@ PIXI.InteractionData.constructor = PIXI.InteractionData;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_Intro.js.html b/docs/files/src_pixi_Intro.js.html
index e5f2ae9..f44df3b 100644
--- a/docs/files/src_pixi_Intro.js.html
+++ b/docs/files/src_pixi_Intro.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;Intro.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/Intro.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,13 +166,13 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;Intro.js</h1>
+                        <h1 class="file-heading">File: src/pixi/Intro.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 (function(){
 
@@ -163,13 +187,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_Outro.js.html b/docs/files/src_pixi_Outro.js.html
index 1eacb07..b8e33d6 100644
--- a/docs/files/src_pixi_Outro.js.html
+++ b/docs/files/src_pixi_Outro.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;Outro.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/Outro.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,24 +166,24 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;Outro.js</h1>
+                        <h1 class="file-heading">File: src/pixi/Outro.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
-
- if (typeof exports !== &#x27;undefined&#x27;) {
-    if (typeof module !== &#x27;undefined&#x27; &amp;&amp; module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+    if (typeof exports !== &#x27;undefined&#x27;) {
+        if (typeof module !== &#x27;undefined&#x27; &amp;&amp; module.exports) {
+            exports = module.exports = PIXI;
+        }
+        exports.PIXI = PIXI;
+    } else if (typeof define !== &#x27;undefined&#x27; &amp;&amp; define.amd) {
+        define(PIXI);
+    } else {
+        root.PIXI = PIXI;
+    }
 }).call(this);
     </pre>
 </div>
@@ -170,13 +194,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_Pixi.js.html b/docs/files/src_pixi_Pixi.js.html
index 3ac2a71..08affe9 100644
--- a/docs/files/src_pixi_Pixi.js.html
+++ b/docs/files/src_pixi_Pixi.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;Pixi.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/Pixi.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,17 +166,17 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;Pixi.js</h1>
+                        <h1 class="file-heading">File: src/pixi/Pixi.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
-@module PIXI
- *&#x2F;
+/**
+ * @module PIXI
+ */
 var PIXI = PIXI || {};
 
     </pre>
@@ -164,13 +188,13 @@ var PIXI = PIXI || {};
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_core_Circle.js.html b/docs/files/src_pixi_core_Circle.js.html
index a3eb2f7..5eef8ec 100644
--- a/docs/files/src_pixi_core_Circle.js.html
+++ b/docs/files/src_pixi_core_Circle.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;core&#x2F;Circle.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/core/Circle.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,60 +166,66 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;core&#x2F;Circle.js</h1>
+                        <h1 class="file-heading">File: src/pixi/core/Circle.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
+/**
  * @author Chad Engler &lt;chad@pantherdev.com&gt;
- *&#x2F;
+ */
 
-&#x2F;**
+/**
+ * The Circle object can be used to specify a hit area for displayobjects
+ *
  * @class Circle
  * @constructor
  * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
  * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
  * @param radius {Number} The radius of the circle
- *&#x2F;
+ */
 PIXI.Circle = function(x, y, radius)
 {
-    &#x2F;**
+    /**
      * @property x
      * @type Number
      * @default 0
-     *&#x2F;
+     */
     this.x = x || 0;
-    
-    &#x2F;**
+
+    /**
      * @property y
      * @type Number
      * @default 0
-     *&#x2F;
+     */
     this.y = y || 0;
 
-    &#x2F;**
+    /**
      * @property radius
      * @type Number
      * @default 0
-     *&#x2F;
+     */
     this.radius = radius || 0;
 }
 
-&#x2F;**
+/**
+ * Creates a clone of this Circle instance
+ *
  * @method clone
- * @return a copy of the polygon
- *&#x2F;
+ * @return {Circle} a copy of the polygon
+ */
 PIXI.Circle.prototype.clone = function()
 {
     return new PIXI.Circle(this.x, this.y, this.radius);
 }
 
-&#x2F;**
+/**
+ * Checks if the x, and y coords passed to this function are contained within this circle
+ *
  * @method contains
  * @param x {Number} The X coord of the point to test
  * @param y {Number} The Y coord of the point to test
- * @return if the x&#x2F;y coords are within this polygon
- *&#x2F;
+ * @return {Boolean} if the x/y coords are within this polygon
+ */
 PIXI.Circle.prototype.contains = function(x, y)
 {
     if(this.radius &lt;= 0)
@@ -211,7 +241,8 @@ PIXI.Circle.prototype.contains = function(x, y)
     return (dx + dy &lt;= r2);
 }
 
-PIXI.Circle.constructor = PIXI.Circle;
+// constructor
+PIXI.Circle.prototype.constructor = PIXI.Circle;
 
 
     </pre>
@@ -223,13 +254,13 @@ PIXI.Circle.constructor = PIXI.Circle;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_core_Ellipse.js.html b/docs/files/src_pixi_core_Ellipse.js.html
index 756dc05..c6e13fa 100644
--- a/docs/files/src_pixi_core_Ellipse.js.html
+++ b/docs/files/src_pixi_core_Ellipse.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/core/Ellipse.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,77 +166,83 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;core&#x2F;Ellipse.js</h1>
+                        <h1 class="file-heading">File: src/pixi/core/Ellipse.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
+/**
  * @author Chad Engler &lt;chad@pantherdev.com&gt;
- *&#x2F;
+ */
 
-&#x2F;**
+/**
+ * The Ellipse object can be used to specify a hit area for displayobjects
+ *
  * @class Ellipse
  * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- *&#x2F;
+ * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
+ * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
+ * @param width {Number} The overall width of this ellipse
+ * @param height {Number} The overall height of this ellipse
+ */
 PIXI.Ellipse = function(x, y, width, height)
 {
-    &#x2F;**
+    /**
      * @property x
      * @type Number
      * @default 0
-     *&#x2F;
+     */
     this.x = x || 0;
-    
-    &#x2F;**
+
+    /**
      * @property y
      * @type Number
      * @default 0
-     *&#x2F;
+     */
     this.y = y || 0;
-    
-    &#x2F;**
+
+    /**
      * @property width
      * @type Number
      * @default 0
-     *&#x2F;
+     */
     this.width = width || 0;
-    
-    &#x2F;**
+
+    /**
      * @property height
      * @type Number
      * @default 0
-     *&#x2F;
+     */
     this.height = height || 0;
 }
 
-&#x2F;**
+/**
+ * Creates a clone of this Ellipse instance
+ *
  * @method clone
- * @return a copy of the polygon
- *&#x2F;
+ * @return {Ellipse} a copy of the ellipse
+ */
 PIXI.Ellipse.prototype.clone = function()
 {
     return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
 }
 
-&#x2F;**
+/**
+ * Checks if the x, and y coords passed to this function are contained within this ellipse
+ *
  * @method contains
  * @param x {Number} The X coord of the point to test
  * @param y {Number} The Y coord of the point to test
- * @return if the x&#x2F;y coords are within this polygon
- *&#x2F;
+ * @return {Boolean} if the x/y coords are within this ellipse
+ */
 PIXI.Ellipse.prototype.contains = function(x, y)
 {
     if(this.width &lt;= 0 || this.height &lt;= 0)
         return false;
 
-    &#x2F;&#x2F;normalize the coords to an ellipse with center 0,0
-    &#x2F;&#x2F;and a radius of 0.5
-    var normx = ((x - this.x) &#x2F; this.width) - 0.5,
-        normy = ((y - this.y) &#x2F; this.height) - 0.5;
+    //normalize the coords to an ellipse with center 0,0
+    //and a radius of 0.5
+    var normx = ((x - this.x) / this.width) - 0.5,
+        normy = ((y - this.y) / this.height) - 0.5;
 
     normx *= normx;
     normy *= normy;
@@ -225,8 +255,8 @@ PIXI.Ellipse.getBounds = function()
     return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
 }
 
-PIXI.Ellipse.constructor = PIXI.Ellipse;
-
+// constructor
+PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
 
     </pre>
 </div>
@@ -237,13 +267,13 @@ PIXI.Ellipse.constructor = PIXI.Ellipse;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_core_Point.js.html b/docs/files/src_pixi_core_Point.js.html
index 0d67d6c..04e593d 100644
--- a/docs/files/src_pixi_core_Point.js.html
+++ b/docs/files/src_pixi_core_Point.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;core&#x2F;Point.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/core/Point.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,49 +166,52 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;core&#x2F;Point.js</h1>
+                        <h1 class="file-heading">File: src/pixi/core/Point.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#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 
+ * @constructor
  * @param x {Number} position of the point
  * @param y {Number} position of the point
- *&#x2F;
+ */
 PIXI.Point = function(x, y)
 {
-	&#x2F;**
-	 * @property x 
+	/**
+	 * @property x
 	 * @type Number
 	 * @default 0
-	 *&#x2F;
+	 */
 	this.x = x || 0;
-	
-	&#x2F;**
+
+	/**
 	 * @property y
 	 * @type Number
 	 * @default 0
-	 *&#x2F;
+	 */
 	this.y = y || 0;
 }
 
-&#x2F;** 
+/**
+ * Creates a clone of this point
+ *
  * @method clone
- * @return a copy of the point
- *&#x2F;
+ * @return {Point} a copy of the point
+ */
 PIXI.Point.prototype.clone = function()
 {
 	return new PIXI.Point(this.x, this.y);
 }
 
-&#x2F;&#x2F; constructor
-PIXI.Point.constructor = PIXI.Point;
+// constructor
+PIXI.Point.prototype.constructor = PIXI.Point;
 
 
     </pre>
@@ -196,13 +223,13 @@ PIXI.Point.constructor = PIXI.Point;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_core_Polygon.js.html b/docs/files/src_pixi_core_Polygon.js.html
index 4ea7868..2ba82b6 100644
--- a/docs/files/src_pixi_core_Polygon.js.html
+++ b/docs/files/src_pixi_core_Polygon.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;core&#x2F;Polygon.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/core/Polygon.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,23 +166,30 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;core&#x2F;Polygon.js</h1>
+                        <h1 class="file-heading">File: src/pixi/core/Polygon.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
+/**
  * @author Adrien Brault &lt;adrien.brault@gmail.com&gt;
- *&#x2F;
+ */
 
-&#x2F;**
+/**
  * @class Polygon
  * @constructor
- * @param points {Array&lt;Point&gt;|Array&lt;Number&gt;} This cna be an array of Points or a flat array of numbers
- *      that will be interpreted as [x,y, x,y, ...]
- *&#x2F;
+ * @param points* {Array&lt;Point&gt;|Array&lt;Number&gt;|Point...|Number...} This can be an array of Points that form the polygon,
+ *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arguments passed can be
+ *      all the points of the polygon e.g. &#x60;new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)&#x60;, or the
+ *      arguments passed can be flat x,y values e.g. &#x60;new PIXI.Polygon(x,y, x,y, x,y, ...)&#x60; where &#x60;x&#x60; and &#x60;y&#x60; are
+ *      Numbers.
+ */
 PIXI.Polygon = function(points)
 {
-    &#x2F;&#x2F;if this is a flat array of numbers, convert it to points
+    //if points isn&#x27;t an array, use arguments as the array
+    if(!(points instanceof Array))
+        points = Array.prototype.slice.call(arguments);
+
+    //if this is a flat array of numbers, convert it to points
     if(typeof points[0] === &#x27;number&#x27;) {
         var p = [];
         for(var i = 0, il = points.length; i &lt; il; i+=2) {
@@ -173,10 +204,12 @@ PIXI.Polygon = function(points)
 	this.points = points;
 }
 
-&#x2F;**
+/**
+ * Creates a clone of this polygon
+ *
  * @method clone
- * @return a copy of the polygon
- *&#x2F;
+ * @return {Polygon} a copy of the polygon
+ */
 PIXI.Polygon.prototype.clone = function()
 {
 	var points = [];
@@ -187,22 +220,24 @@ PIXI.Polygon.prototype.clone = function()
 	return new PIXI.Polygon(points);
 }
 
-&#x2F;**
+/**
+ * Checks if the x, and y coords passed to this function are contained within this polygon
+ *
  * @method contains
  * @param x {Number} The X coord of the point to test
  * @param y {Number} The Y coord of the point to test
- * @return if the x&#x2F;y coords are within this polygon
- *&#x2F;
+ * @return {Boolean} if the x/y coords are within this polygon
+ */
 PIXI.Polygon.prototype.contains = function(x, y)
 {
     var inside = false;
 
-    &#x2F;&#x2F; use some raycasting to test hits
-    &#x2F;&#x2F; https:&#x2F;&#x2F;github.com&#x2F;substack&#x2F;point-in-polygon&#x2F;blob&#x2F;master&#x2F;index.js
+    // use some raycasting to test hits
+    // https://github.com/substack/point-in-polygon/blob/master/index.js
     for(var i = 0, j = this.points.length - 1; i &lt; this.points.length; j = i++) {
         var xi = this.points[i].x, yi = this.points[i].y,
             xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi &gt; y) != (yj &gt; y)) &amp;&amp; (x &lt; (xj - xi) * (y - yi) &#x2F; (yj - yi) + xi);
+            intersect = ((yi &gt; y) != (yj &gt; y)) &amp;&amp; (x &lt; (xj - xi) * (y - yi) / (yj - yi) + xi);
 
         if(intersect) inside = !inside;
     }
@@ -210,8 +245,8 @@ PIXI.Polygon.prototype.contains = function(x, y)
     return inside;
 }
 
-PIXI.Polygon.constructor = PIXI.Polygon;
-
+// constructor
+PIXI.Polygon.prototype.constructor = PIXI.Polygon;
 
     </pre>
 </div>
@@ -222,13 +257,13 @@ PIXI.Polygon.constructor = PIXI.Polygon;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_core_Rectangle.js.html b/docs/files/src_pixi_core_Rectangle.js.html
index de18763..ff73bde 100644
--- a/docs/files/src_pixi_core_Rectangle.js.html
+++ b/docs/files/src_pixi_core_Rectangle.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/core/Rectangle.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,80 +166,85 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;core&#x2F;Rectangle.js</h1>
+                        <h1 class="file-heading">File: src/pixi/core/Rectangle.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/
+ */
 
-&#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;
+ * @constructor
+ * @param x {Number} The X coord of the upper-left corner of the rectangle
+ * @param y {Number} The Y coord of the upper-left corner of the rectangle
+ * @param width {Number} The overall width of this rectangle
+ * @param height {Number} The overall height of this rectangle
+ */
 PIXI.Rectangle = function(x, y, width, height)
 {
-	&#x2F;**
+	/**
 	 * @property x
 	 * @type Number
 	 * @default 0
-	 *&#x2F;
+	 */
 	this.x = x || 0;
-	
-	&#x2F;**
+
+	/**
 	 * @property y
 	 * @type Number
 	 * @default 0
-	 *&#x2F;
+	 */
 	this.y = y || 0;
-	
-	&#x2F;**
+
+	/**
 	 * @property width
 	 * @type Number
 	 * @default 0
-	 *&#x2F;
+	 */
 	this.width = width || 0;
-	
-	&#x2F;**
+
+	/**
 	 * @property height
 	 * @type Number
 	 * @default 0
-	 *&#x2F;
+	 */
 	this.height = height || 0;
 }
 
-&#x2F;** 
+/**
+ * Creates a clone of this Rectangle
+ *
  * @method clone
- * @return a copy of the rectangle
- *&#x2F;
+ * @return {Rectangle} a copy of the rectangle
+ */
 PIXI.Rectangle.prototype.clone = function()
 {
 	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
 }
 
-&#x2F;**
+/**
+ * Checks if the x, and y coords passed to this function are contained within this Rectangle
+ *
  * @method contains
  * @param x {Number} The X coord of the point to test
  * @param y {Number} The Y coord of the point to test
- * @return if the x&#x2F;y coords are within this polygon
- *&#x2F;
+ * @return {Boolean} if the x/y coords are within this Rectangle
+ */
 PIXI.Rectangle.prototype.contains = function(x, y)
 {
     if(this.width &lt;= 0 || this.height &lt;= 0)
         return false;
 
 	var x1 = this.x;
-	if(x &gt; x1 &amp;&amp; x &lt; x1 + this.width)
+	if(x &gt;= x1 &amp;&amp; x &lt;= x1 + this.width)
 	{
 		var y1 = this.y;
-		
-		if(y &gt; y1 &amp;&amp; y &lt; y1 + this.height)
+
+		if(y &gt;= y1 &amp;&amp; y &lt;= y1 + this.height)
 		{
 			return true;
 		}
@@ -224,8 +253,8 @@ PIXI.Rectangle.prototype.contains = function(x, y)
 	return false;
 }
 
-&#x2F;&#x2F; constructor
-PIXI.Rectangle.constructor = PIXI.Rectangle;
+// constructor
+PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
 
 
     </pre>
@@ -237,13 +266,13 @@ PIXI.Rectangle.constructor = PIXI.Rectangle;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_display_DisplayObject.js.html b/docs/files/src_pixi_display_DisplayObject.js.html
index f4c2f15..57725eb 100644
--- a/docs/files/src_pixi_display_DisplayObject.js.html
+++ b/docs/files/src_pixi_display_DisplayObject.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/display/DisplayObject.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,218 +166,276 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js</h1>
+                        <h1 class="file-heading">File: src/pixi/display/DisplayObject.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
- * this is the base class for all objects that are rendered on the screen.
+/**
+ * The base class for all objects that are rendered on the screen.
+ *
  * @class DisplayObject
  * @constructor
- *&#x2F;
+ */
 PIXI.DisplayObject = function()
 {
 	this.last = this;
 	this.first = this;
-	
-	&#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;**
+	 */
+	this.scale = new PIXI.Point(1,1);//{x:1, y:1};
+
+	/**
 	 * The pivot point of the displayObject that it rotates around
+	 *
 	 * @property pivot
 	 * @type Point
-	 *&#x2F;
+	 */
 	this.pivot = new PIXI.Point(0,0);
-	
-	&#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.worldVisible = 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;
-	
-	&#x2F;**
-	 * This is the defined area that will pick up mouse &#x2F; touch events. It is null by default.
+
+	/**
+	 * This is the defined area that will pick up mouse / touch events. It is null by default.
 	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
+	 *
 	 * @property hitArea
-	 * @type Rectangle
-	 *&#x2F;	
+	 * @type Rectangle|Circle|Ellipse|Polygon
+	 */	
 	this.hitArea = null;
-	
-	this.worldAlpha = 1;
-	this.color = [];
-	
-	this.worldTransform = PIXI.mat3.create()&#x2F;&#x2F;mat3.identity();
-	this.localTransform = PIXI.mat3.create()&#x2F;&#x2F;mat3.identity();
-	
-	this.dynamic = true;
-	&#x2F;&#x2F; chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-	
-	this.childIndex = 0;
-	
-	this.renderable = false;
-	
-	&#x2F;&#x2F; [readonly] best not to toggle directly! use setInteractive()
-	this._interactive = false;
-	
-	&#x2F;**
+
+	/**
 	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
+	 *
 	 * @property buttonMode
 	 * @type Boolean
-	 *&#x2F;
+	 */
 	this.buttonMode = false;
+
+	/**
+	 * Can this object be rendered
+	 *
+	 * @property renderable
+	 * @type Boolean
+	 */
+	this.renderable = false;
+
+	/**
+	 * [read-only] The display object container that contains this display object.
+	 *
+	 * @property parent
+	 * @type DisplayObjectContainer
+	 * @readOnly
+	 */	
+	this.parent = null;
+
+	/**
+	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
+	 *
+	 * @property stage
+	 * @type Stage
+	 * @readOnly
+	 */	
+	this.stage = null;
+
+	/**
+	 * [read-only] The multiplied alpha of the displayobject
+	 *
+	 * @property worldAlpha
+	 * @type Number
+	 * @readOnly
+	 */
+	this.worldAlpha = 1;
+
+	/**
+	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the &#x60;interactive&#x60; property
+	 *
+	 * @property _interactive
+	 * @type Boolean
+	 * @readOnly
+	 * @private
+	 */
+	this._interactive = false;
+
+	/**
+	 * [read-only] Current transform of the object based on world (parent) factors
+	 *
+	 * @property worldTransform
+	 * @type Mat3
+	 * @readOnly
+	 * @private
+	 */
+	this.worldTransform = PIXI.mat3.create()//mat3.identity();
+
+	/**
+	 * [read-only] Current transform of the object locally
+	 *
+	 * @property localTransform
+	 * @type Mat3
+	 * @readOnly
+	 * @private
+	 */
+	this.localTransform = PIXI.mat3.create()//mat3.identity();
+
+	/**
+	 * [NYI] Unkown
+	 *
+	 * @property color
+	 * @type Array&lt;&gt;
+	 * @private
+	 */
+	this.color = [];
+
+	/**
+	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
+	 *
+	 * @property dynamic
+	 * @type Boolean
+	 * @private
+	 */
+	this.dynamic = true;
+
+	// chach that puppy!
+	this._sr = 0;
+	this._cr = 1;
+
+
+	this.filterArea = new PIXI.Rectangle(0,0,1,1);
 	
-	&#x2F;*
+	/*
 	 * MOUSE Callbacks
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the users clicks on the displayObject with their mouse
 	 * @method click
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the user clicks the mouse down over the sprite
 	 * @method mousedown
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	 
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the user releases the mouse that was over the displayObject
 	 * for this callback to be fired the mouse must have been pressed down over the displayObject
 	 * @method mouseup
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
 	 * for this callback to be fired, The touch must have started over the displayObject
 	 * @method mouseupoutside
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the users mouse rolls over the displayObject
 	 * @method mouseover
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the users mouse leaves the displayObject
 	 * @method mouseout
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	
-	
-	&#x2F;*
+	 */
+
+
+	/*
 	 * TOUCH Callbacks
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the users taps on the sprite with their finger
 	 * basically a touch version of click
 	 * @method tap
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the user touch&#x27;s over the displayObject
 	 * @method touchstart
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	 
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the user releases a touch over the displayObject
 	 * @method touchend
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
-	
-	&#x2F;**
+	 */
+
+	/**
 	 * A callback that is used when the user releases the touch that was over the displayObject
 	 * for this callback to be fired, The touch must have started over the sprite
 	 * @method touchendoutside
 	 * @param interactionData {InteractionData}
-	 *&#x2F;
+	 */
 }
 
-&#x2F;&#x2F; constructor
-PIXI.DisplayObject.constructor = PIXI.DisplayObject;
+// constructor
+PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
 
-&#x2F;&#x2F;TODO make visible a getter setter
-&#x2F;*
-Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;visible&#x27;, {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*&#x2F;
-
-&#x2F;**
+/**
  * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
  * Instead of using this function you can now simply set the interactive property to true or false
+ *
  * @method setInteractive
  * @param interactive {Boolean}
- *&#x2F;
+ * @deprecated Simply set the &#x60;interactive&#x60; property directly
+ */
 PIXI.DisplayObject.prototype.setInteractive = function(interactive)
 {
 	this.interactive = interactive;
 }
 
-&#x2F;**
+/**
  * Indicates if the sprite will have touch and mouse interactivity. It is false by default
+ *
  * @property interactive
  * @type Boolean
- *&#x2F;
+ * @default false
+ */
 Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;interactive&#x27;, {
     get: function() {
         return this._interactive;
@@ -361,65 +443,129 @@ Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;interactive&#x27;, {
     set: function(value) {
     	this._interactive = value;
     	
-    	&#x2F;&#x2F; TODO more to be done here..
-		&#x2F;&#x2F; need to sort out a re-crawl!
+    	// TODO more to be done here..
+		// need to sort out a re-crawl!
 		if(this.stage)this.stage.dirty = true;
     }
 });
 
-&#x2F;**
+/**
  * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
  * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
  * To remove a mask, set this property to null.
+ *
  * @property mask
- * @type PIXI.Graphics
- *&#x2F;
+ * @type Graphics
+ */
 Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;mask&#x27;, {
     get: function() {
         return this._mask;
     },
     set: function(value) {
     	
-        this._mask = value;
-        
+    	
         if(value)
         {
-	        this.addFilter(value)
+        	if(this._mask)
+	    	{
+	    		value.start = this._mask.start;
+	    		value.end = this._mask.end;
+	    	}
+    		else
+    		{
+		        this.addFilter(value);
+		        value.renderable = false;
+    		}
         }
         else
         {
-        	 this.removeFilter();
+        	 this.removeFilter(this._mask);
+			 this._mask.renderable = true;
         }
+        
+        this._mask = value;
     }
 });
 
-&#x2F;* 
- * private
- *&#x2F;
-PIXI.DisplayObject.prototype.addFilter = function(mask)
+/**
+ * Sets the filters for the displayObject. 
+ * * IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+ * To remove filters simply set this property to &#x27;null&#x27;
+ * @property filters
+ * @type Array An array of filters
+ */
+Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;filters&#x27;, {
+    get: function() {
+        return this._filters;
+    },
+    set: function(value) {
+    	
+        if(value)
+        {
+        	if(this._filters)this.removeFilter(this._filters);
+	        this.addFilter(value);
+
+		    // now put all the passes in one place..
+	        var passes = [];
+	        for (var i = 0; i &lt; value.length; i++) 
+	        {
+	        	var filterPasses = value[i].passes;
+	        	for (var j = 0; j &lt; filterPasses.length; j++) 
+	        	{
+	        		passes.push(filterPasses[j]);
+	        	};
+	        };
+
+	        value.start.filterPasses = passes;
+        }
+        else
+        {
+        	if(this._filters)this.removeFilter(this._filters);
+        }
+        
+        this._filters = value;
+
+       
+
+        
+    }
+});
+
+/*
+ * Adds a filter to this displayObject
+ *
+ * @method addFilter
+ * @param mask {Graphics} the graphics object to use as a filter
+ * @private
+ */
+PIXI.DisplayObject.prototype.addFilter = function(data)
 {
-	if(this.filter)return;
-	this.filter = true;
+	//if(this.filter)return;
+	//this.filter = true;
+//	data[0].target = this;
 	
-	
-	&#x2F;&#x2F; insert a filter block..
+
+	// insert a filter block..
+	// TODO Onject pool thease bad boys..
 	var start = new PIXI.FilterBlock();
 	var end = new PIXI.FilterBlock();
 	
+	data.start = start;
+	data.end = end;
 	
-	start.mask = mask;
-	end.mask = mask;
+	start.data = data;
+	end.data = data;
 	
 	start.first = start.last =  this;
 	end.first = end.last = this;
 	
 	start.open = true;
 	
-	&#x2F;*
-	 * 
+	start.target = this;
+	
+	/*
 	 * insert start
-	 * 
-	 *&#x2F;
+	 */
 	
 	var childFirst = start
 	var childLast = start
@@ -446,13 +592,11 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
 	}
 	
 	
-	&#x2F;&#x2F; now insert the end filter block..
+	// now insert the end filter block..
 	
-	&#x2F;*
-	 * 
+	/*
 	 * insert end filter
-	 * 
-	 *&#x2F;
+	 */
 	var childFirst = end
 	var childLast = end
 	var nextObject = null;
@@ -484,23 +628,28 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
 	
 	this.first = start;
 	
-	&#x2F;&#x2F; if webGL...
+	// if webGL...
 	if(this.__renderGroup)
 	{
 		this.__renderGroup.addFilterBlocks(start, end);
 	}
 	
-	mask.renderable = false;
-	
 }
 
-PIXI.DisplayObject.prototype.removeFilter = function()
+/*
+ * Removes the filter to this displayObject
+ *
+ * @method removeFilter
+ * @private
+ */
+PIXI.DisplayObject.prototype.removeFilter = function(data)
 {
-	if(!this.filter)return;
-	this.filter = false;
+	//if(!this.filter)return;
+	//this.filter = false;
+	console.log(&quot;YUOIO&quot;)
+	// modify the list..
+	var startBlock = data.start;
 	
-	&#x2F;&#x2F; modify the list..
-	var startBlock = this.first;
 	
 	var nextObject = startBlock._iNext;
 	var previousObject = startBlock._iPrev;
@@ -510,9 +659,8 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 	
 	this.first = startBlock._iNext;
 	
-	
-	&#x2F;&#x2F; remove the end filter
-	var lastBlock = this.last;
+	// remove the end filter
+	var lastBlock = data.end;
 	
 	var nextObject = lastBlock._iNext;
 	var previousObject = lastBlock._iPrev;
@@ -520,11 +668,9 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 	if(nextObject)nextObject._iPrev = previousObject;
 	previousObject._iNext = nextObject;		
 	
-	&#x2F;&#x2F; this is always true too!
-&#x2F;&#x2F;	if(this.last == lastBlock)
-	&#x2F;&#x2F;{
+	// this is always true too!
 	var tempLast =  lastBlock._iPrev;	
-	&#x2F;&#x2F; need to make sure the parents last is updated too
+	// need to make sure the parents last is updated too
 	var updateLast = this;
 	while(updateLast.last == lastBlock)
 	{
@@ -533,24 +679,23 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 		if(!updateLast)break;
 	}
 	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	&#x2F;&#x2F; if webGL...
+	// if webGL...
 	if(this.__renderGroup)
 	{
 		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
 	}
-	&#x2F;&#x2F;}
 }
 
-&#x2F;**
+/*
+ * Updates the object transform for rendering
+ *
+ * @method updateTransform
  * @private
- *&#x2F;
+ */
 PIXI.DisplayObject.prototype.updateTransform = function()
 {
-	&#x2F;&#x2F; TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
+	// TODO OPTIMIZE THIS!! with dirty
+	if(this.rotation !== this.rotationCache)
 	{
 		this.rotationCache = this.rotation;
 		this._sr =  Math.sin(this.rotation);
@@ -560,18 +705,18 @@ PIXI.DisplayObject.prototype.updateTransform = function()
 	var localTransform = this.localTransform;
 	var parentTransform = this.parent.worldTransform;
 	var worldTransform = this.worldTransform;
-	&#x2F;&#x2F;console.log(localTransform)
+	//console.log(localTransform)
 	localTransform[0] = this._cr * this.scale.x;
 	localTransform[1] = -this._sr * this.scale.y
 	localTransform[3] = this._sr * this.scale.x;
 	localTransform[4] = this._cr * this.scale.y;
 	
-	&#x2F;&#x2F; TODO --&gt; do we even need a local matrix???
+	// TODO --&gt; do we even need a local matrix???
 	
 	var px = this.pivot.x;
 	var py = this.pivot.y;
    	
-    &#x2F;&#x2F; Cache the matrix values (makes for huge speed increases!)
+    // Cache the matrix values (makes for huge speed increases!)
     var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
         a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
 
@@ -589,12 +734,15 @@ PIXI.DisplayObject.prototype.updateTransform = function()
     worldTransform[4] = b10 * a01 + b11 * a11;
     worldTransform[5] = b10 * a02 + b11 * a12 + b12;
 
-	&#x2F;&#x2F; because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	&#x2F;&#x2F; mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
+	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
+	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
 	this.worldAlpha = this.alpha * this.parent.worldAlpha;
+	
+	this.vcount = PIXI.visibleCount;
 
 }
 
+PIXI.visibleCount = 0;
     </pre>
 </div>
 
@@ -604,13 +752,13 @@ PIXI.DisplayObject.prototype.updateTransform = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_display_DisplayObjectContainer.js.html b/docs/files/src_pixi_display_DisplayObjectContainer.js.html
index 0875822..f44463c 100644
--- a/docs/files/src_pixi_display_DisplayObjectContainer.js.html
+++ b/docs/files/src_pixi_display_DisplayObjectContainer.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/display/DisplayObjectContainer.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,76 +166,62 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js</h1>
+                        <h1 class="file-heading">File: src/pixi/display/DisplayObjectContainer.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 
-&#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.
+/**
+ * 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;	
+	 *
+	 * @property children
+	 * @type Array&lt;DisplayObject&gt;
+	 * @readOnly
+	 */	
 	this.children = [];
-	&#x2F;&#x2F;s
-	this.renderable = false;
-	
 }
 
-&#x2F;&#x2F; constructor
-PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer;
+// constructor
 PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
+PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
 
-&#x2F;&#x2F;TODO make visible a getter setter
-&#x2F;*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, &#x27;visible&#x27;, {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*&#x2F;
-
-&#x2F;**
+/**
  * Adds a child to the container.
+ *
  * @method addChild
- * @param  DisplayObject {DisplayObject}
- *&#x2F;
+ * @param child {DisplayObject} The DisplayObject to add to the container
+ */
 PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 {
-	
-	&#x2F;&#x2F;this.addChildAt(child, this.children.length)
-	&#x2F;&#x2F;return;
-	
 	if(child.parent != undefined)
 	{
 		
-		&#x2F;&#x2F;&#x2F;&#x2F; COULD BE THIS???
+		//// COULD BE THIS???
 		child.parent.removeChild(child);
-	&#x2F;&#x2F;	return;
+	//	return;
 	}
-	
+
 	child.parent = this;
-	&#x2F;&#x2F;child.childIndex = this.children.length;
 	
 	this.children.push(child);	
 	
-	&#x2F;&#x2F; updae the stage refference..
+	// update the stage refference..
 	
 	if(this.stage)
 	{
@@ -225,17 +235,16 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 		while(tmpChild)
 	}
 	
-	&#x2F;&#x2F; LINKED LIST &#x2F;&#x2F;
+	// LINKED LIST //
 	
-	&#x2F;&#x2F; modify the list..
+	// modify the list..
 	var childFirst = child.first
 	var childLast = child.last;
-&#x2F;&#x2F;	console.log(childFirst)
 	var nextObject;
 	var previousObject;
 	
-	&#x2F;&#x2F; this could be wrong if there is a filter??
-	if(this.filter)
+	// this could be wrong if there is a filter??
+	if(this._filters || this._mask)
 	{
 		previousObject =  this.last._iPrev;
 	}
@@ -243,14 +252,11 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	{
 		previousObject = this.last;
 	}
-&#x2F;&#x2F;	if(this.last._iNext)
-	
-	&#x2F;&#x2F;console.log( this.last._iNext);
+
 	nextObject = previousObject._iNext;
 	
-	&#x2F;&#x2F; always true in this case
-	&#x2F;&#x2F;this.last = child.last;
-	&#x2F;&#x2F; need to make sure the parents last is updated too
+	// always true in this case
+	// need to make sure the parents last is updated too
 	var updateLast = this;
 	var prevLast = previousObject;
 	
@@ -271,25 +277,25 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	
 	childFirst._iPrev = previousObject;
 	previousObject._iNext = childFirst;		
-	
-&#x2F;&#x2F;	console.log(childFirst);
-	&#x2F;&#x2F; need to remove any render groups..
+
+	// need to remove any render groups..
 	if(this.__renderGroup)
 	{
-		&#x2F;&#x2F; being used by a renderTexture.. if it exists then it must be from a render texture;
+		// being used by a renderTexture.. if it exists then it must be from a render texture;
 		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		&#x2F;&#x2F; add them to the new render group..
+		// add them to the new render group..
 		this.__renderGroup.addDisplayObjectAndChildren(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;
+ * @param child {DisplayObject} The child to add
+ * @param index {Number} The index to place the child in
+ */
 PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 {
 	if(index &gt;= 0 &amp;&amp; index &lt;= this.children.length)
@@ -312,8 +318,8 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 			while(tmpChild)
 		}
 		
-		&#x2F;&#x2F; modify the list..
-		var childFirst = child.first
+		// modify the list..
+		var childFirst = child.first;
 		var childLast = child.last;
 		var nextObject;
 		var previousObject;
@@ -321,7 +327,7 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 		if(index == this.children.length)
 		{
 			previousObject =  this.last;
-			var updateLast = this;&#x2F;&#x2F;.parent;
+			var updateLast = this;
 			var prevLast = this.last;
 			while(updateLast)
 			{
@@ -343,7 +349,7 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 		
 		nextObject = previousObject._iNext;
 		
-		&#x2F;&#x2F; always true in this case
+		// always true in this case
 		if(nextObject)
 		{
 			nextObject._iPrev = childLast;
@@ -352,19 +358,17 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 		
 		childFirst._iPrev = previousObject;
 		previousObject._iNext = childFirst;		
-		
-		
+
 		this.children.splice(index, 0, child);
-		&#x2F;&#x2F; need to remove any render groups..
+		// need to remove any render groups..
 		if(this.__renderGroup)
 		{
-			&#x2F;&#x2F; being used by a renderTexture.. if it exists then it must be from a render texture;
+			// being used by a renderTexture.. if it exists then it must be from a render texture;
 			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			&#x2F;&#x2F; add them to the new render group..
+			// add them to the new render group..
 			this.__renderGroup.addDisplayObjectAndChildren(child);
 		}
 		
-		console.log(this.children)
 	}
 	else
 	{
@@ -372,35 +376,37 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 	}
 }
 
-&#x2F;**
- * Swaps the depth of 2 displayObjects
+/**
+ * [NYI] Swaps the depth of 2 displayObjects
+ *
  * @method swapChildren
- * @param  DisplayObject {DisplayObject}
- * @param  DisplayObject2 {DisplayObject}
- *&#x2F;
+ * @param child {DisplayObject}
+ * @param child2 {DisplayObject}
+ * @private
+ */
 PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
 {
-	&#x2F;*
+	/*
 	 * this funtion needs to be recoded.. 
 	 * can be done a lot faster..
-	 *&#x2F;
+	 */
 	return;
 	
-	&#x2F;&#x2F; need to fix this function :&#x2F;
-	&#x2F;*
-	&#x2F;&#x2F; TODO I already know this??
+	// need to fix this function :/
+	/*
+	// TODO I already know this??
 	var index = this.children.indexOf( child );
 	var index2 = this.children.indexOf( child2 );
 	
 	if ( index !== -1 &amp;&amp; index2 !== -1 ) 
 	{
-		&#x2F;&#x2F; cool
+		// cool
 		
-		&#x2F;*
+		/*
 		if(this.stage)
 		{
-			&#x2F;&#x2F; this is to satisfy the webGL batching..
-			&#x2F;&#x2F; TODO sure there is a nicer way to achieve this!
+			// this is to satisfy the webGL batching..
+			// TODO sure there is a nicer way to achieve this!
 			this.stage.__removeChild(child);
 			this.stage.__removeChild(child2);
 			
@@ -408,7 +414,7 @@ PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
 			this.stage.__addChild(child2);
 		}
 		
-		&#x2F;&#x2F; swap the positions..
+		// swap the positions..
 		this.children[index] = child2;
 		this.children[index2] = child;
 		
@@ -416,14 +422,15 @@ PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
 	else
 	{
 		throw new Error(child + &quot; Both the supplied DisplayObjects must be a child of the caller &quot; + this);
-	}*&#x2F;
+	}*/
 }
 
-&#x2F;**
+/**
  * Returns the Child at the specified index
+ *
  * @method getChildAt
- * @param  index {Number}
- *&#x2F;
+ * @param index {Number} The index to get the child from
+ */
 PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
 {
 	if(index &gt;= 0 &amp;&amp; index &lt; this.children.length)
@@ -436,20 +443,20 @@ PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
 	}
 }
 
-&#x2F;**
+/**
  * Removes a child from the container.
+ *
  * @method removeChild
- * @param  DisplayObject {DisplayObject}
- *&#x2F;
+ * @param child {DisplayObject} The DisplayObject to remove
+ */
 PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 {
 	var index = this.children.indexOf( child );
 	if ( index !== -1 ) 
 	{
-		&#x2F;&#x2F;console.log(&quot;&gt;&gt;&quot;)
-		&#x2F;&#x2F; unlink &#x2F;&#x2F;
-		&#x2F;&#x2F; modify the list..
-		var childFirst = child.first
+		// unlink //
+		// modify the list..
+		var childFirst = child.first;
 		var childLast = child.last;
 		
 		var nextObject = childLast._iNext;
@@ -461,7 +468,7 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 		if(this.last == childLast)
 		{
 			var tempLast =  childFirst._iPrev;	
-			&#x2F;&#x2F; need to make sure the parents last is updated too
+			// need to make sure the parents last is updated too
 			var updateLast = this;
 			while(updateLast.last == childLast.last)
 			{
@@ -474,7 +481,7 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 		childLast._iNext = null;
 		childFirst._iPrev = null;
 		 
-		&#x2F;&#x2F; update the stage reference..
+		// update the stage reference..
 		if(this.stage)
 		{
 			var tmpChild = child;
@@ -487,7 +494,7 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 			while(tmpChild)
 		}
 	
-		&#x2F;&#x2F; webGL trim
+		// webGL trim
 		if(child.__renderGroup)
 		{
 			child.__renderGroup.removeDisplayObjectAndChildren(child);
@@ -502,10 +509,12 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 	}
 }
 
-
-&#x2F;**
+/*
+ * Updates the container&#x27;s children&#x27;s transform for rendering
+ *
+ * @method updateTransform
  * @private
- *&#x2F;
+ */
 PIXI.DisplayObjectContainer.prototype.updateTransform = function()
 {
 	if(!this.visible)return;
@@ -517,7 +526,6 @@ PIXI.DisplayObjectContainer.prototype.updateTransform = function()
 		this.children[i].updateTransform();	
 	}
 }
-
     </pre>
 </div>
 
@@ -527,13 +535,13 @@ PIXI.DisplayObjectContainer.prototype.updateTransform = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_display_MovieClip.js.html b/docs/files/src_pixi_display_MovieClip.js.html
index 87e0a59..600d7f1 100644
--- a/docs/files/src_pixi_display_MovieClip.js.html
+++ b/docs/files/src_pixi_display_MovieClip.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/display/MovieClip.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,95 +166,127 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;display&#x2F;MovieClip.js</h1>
+                        <h1 class="file-heading">File: src/pixi/display/MovieClip.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
+/**
  * A MovieClip is a simple way to display an animation depicted by a list of textures.
+ *
  * @class MovieClip
  * @extends Sprite
  * @constructor
- * @param textures {Array} an array of {Texture} objects that make up the animation
- *&#x2F;
+ * @param textures {Array&lt;Texture&gt;} an array of {Texture} objects that make up the animation
+ */
 PIXI.MovieClip = function(textures)
 {
-	PIXI.Sprite.call( this, textures[0]);
-	
-	&#x2F;**
+	PIXI.Sprite.call(this, textures[0]);
+
+	/**
 	 * 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;
+	 * @default 1
+	 */
 	this.animationSpeed = 1;
 
-	&#x2F;**
+	/**
 	 * Whether or not the movie clip repeats after playing.
+	 *
 	 * @property loop
 	 * @type Boolean
-	 *&#x2F;
+	 * @default true
+	 */
 	this.loop = true;
 
-	&#x2F;**
+	/**
 	 * Function to call when a MovieClip finishes playing
+	 *
 	 * @property onComplete
 	 * @type Function
-	 *&#x2F;
+	 */
 	this.onComplete = null;
-	
-	&#x2F;**
-	 * [read only] indicates if the MovieClip is currently playing
+
+	/**
+	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
+	 *
+	 * @property currentFrame
+	 * @type Number
+	 * @default 0
+	 * @readOnly
+	 */
+	this.currentFrame = 0;
+
+	/**
+	 * [read-only] Indicates if the MovieClip is currently playing
+	 *
 	 * @property playing
 	 * @type Boolean
-	 *&#x2F;
-	this.playing;
+	 * @readOnly
+	 */
+	this.playing = false;
 }
 
-&#x2F;&#x2F; constructor
-PIXI.MovieClip.constructor = PIXI.MovieClip;
+// constructor
 PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
+PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
 
-&#x2F;**
+/**
+* [read-only] totalFrames is the total number of frames in the MovieClip. This is the same as number of textures
+* assigned to the MovieClip.
+*
+* @property totalFrames
+* @type Number
+* @default 0
+* @readOnly
+*/
+Object.defineProperty( PIXI.MovieClip.prototype, &#x27;totalFrames&#x27;, {
+	get: function() {
+
+		return this.textures.length;
+	}
+});
+
+
+/**
  * 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;
@@ -239,25 +295,34 @@ PIXI.MovieClip.prototype.gotoAndStop = function(frameNumber)
 	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;
 }
 
+/*
+ * Updates the object transform for rendering
+ *
+ * @method updateTransform
+ * @private
+ */
 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;
+
 	if(this.loop || round &lt; this.textures.length)
 	{
 		this.setTexture(this.textures[round % this.textures.length]);
@@ -280,13 +345,13 @@ PIXI.MovieClip.prototype.updateTransform = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_display_Sprite.js.html b/docs/files/src_pixi_display_Sprite.js.html
index 48e9042..84f1dce 100644
--- a/docs/files/src_pixi_display_Sprite.js.html
+++ b/docs/files/src_pixi_display_Sprite.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/display/Sprite.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,69 +166,78 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;display&#x2F;Sprite.js</h1>
+                        <h1 class="file-heading">File: src/pixi/display/Sprite.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 PIXI.blendModes = {};
 PIXI.blendModes.NORMAL = 0;
 PIXI.blendModes.SCREEN = 1;
 
 
-&#x2F;**
-@class Sprite
-@extends DisplayObjectContainer
-@constructor
-@param texture {Texture}
-@type String
-*&#x2F;
+/**
+ * The SPrite object is the base for all textured objects that are rendered to the screen
+ *
+ * @class Sprite
+ * @extends DisplayObjectContainer
+ * @constructor
+ * @param texture {Texture} The texture for this sprite
+ * @type String
+ */
 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;
+	 * @type Number
+	 */
 	this.blendMode = PIXI.blendModes.NORMAL;
-	
-	&#x2F;**
+
+	/**
 	 * The width of the sprite (this is initially set by the texture)
-	 * @property width
-	 * @type #Number
-	 *&#x2F;
+	 *
+	 * @property _width
+	 * @type Number
+	 * @private
+	 */
 	this._width = 0;
-	
-	&#x2F;**
+
+	/**
 	 * The height of the sprite (this is initially set by the texture)
-	 * @property height
-	 * @type #Number
-	 *&#x2F;
+	 *
+	 * @property _height
+	 * @type Number
+	 * @private
+	 */
 	this._height = 0;
-	
+
 	if(texture.baseTexture.hasLoaded)
 	{
 		this.updateFrame = true;
@@ -214,81 +247,103 @@ PIXI.Sprite = function(texture)
 		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
 		this.texture.addEventListener( &#x27;update&#x27;, this.onTextureUpdateBind );
 	}
-	
+
 	this.renderable = true;
-	
-	&#x2F;&#x2F; thi next bit is here for the docs...
-	
-	
 }
 
-&#x2F;&#x2F; constructor
-PIXI.Sprite.constructor = PIXI.Sprite;
+// constructor
 PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+PIXI.Sprite.prototype.constructor = PIXI.Sprite;
 
-&#x2F;&#x2F; OOH! shiney new getters and setters for width and height
-&#x2F;&#x2F; The width and height now modify the scale (this is what flash does, nice and tidy!)
+/**
+ * The width of the sprite, setting this will actually modify the scale to acheive the value set
+ *
+ * @property width
+ * @type Number
+ */
 Object.defineProperty(PIXI.Sprite.prototype, &#x27;width&#x27;, {
     get: function() {
         return this.scale.x * this.texture.frame.width;
     },
     set: function(value) {
-    	this.scale.x = value &#x2F; this.texture.frame.width
+    	this.scale.x = value / this.texture.frame.width
         this._width = value;
     }
 });
 
+/**
+ * The height of the sprite, setting this will actually modify the scale to acheive the value set
+ *
+ * @property height
+ * @type Number
+ */
 Object.defineProperty(PIXI.Sprite.prototype, &#x27;height&#x27;, {
     get: function() {
         return  this.scale.y * this.texture.frame.height;
     },
     set: function(value) {
-    	this.scale.y = value &#x2F; this.texture.frame.height
+    	this.scale.y = value / this.texture.frame.height
         this._height = value;
     }
 });
- 
-&#x2F;**
-@method setTexture
-@param texture {Texture} The PIXI texture that is displayed by the sprite
-*&#x2F;
+
+/**
+ * Sets the texture of the sprite
+ *
+ * @method setTexture
+ * @param texture {Texture} The PIXI texture that is displayed by the sprite
+ */
 PIXI.Sprite.prototype.setTexture = function(texture)
 {
-	&#x2F;&#x2F; stop current texture;
+	// stop current texture;
 	if(this.texture.baseTexture != texture.baseTexture)
 	{
 		this.textureChange = true;	
+		this.texture = texture;
+		
+		if(this.__renderGroup)
+		{
+			this.__renderGroup.updateTexture(this);
+		}
+	}
+	else
+	{
+		this.texture = texture;
 	}
 	
-	this.texture = texture;
 	this.updateFrame = true;
 }
 
-&#x2F;**
+/**
+ * When the texture is updated, this event will fire to update the scale and frame
+ *
+ * @method onTextureUpdate
+ * @param event
  * @private
- *&#x2F;
+ */
 PIXI.Sprite.prototype.onTextureUpdate = function(event)
 {
-	&#x2F;&#x2F;this.texture.removeEventListener( &#x27;update&#x27;, this.onTextureUpdateBind );
+	//this.texture.removeEventListener( &#x27;update&#x27;, this.onTextureUpdateBind );
 	
-	&#x2F;&#x2F; so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width &#x2F; this.texture.frame.width;
-	if(this._height)this.scale.y = this._height &#x2F; this.texture.frame.height;
+	// so if _width is 0 then width was not set..
+	if(this._width)this.scale.x = this._width / this.texture.frame.width;
+	if(this._height)this.scale.y = this._height / this.texture.frame.height;
 	
 	this.updateFrame = true;
 }
 
-&#x2F;&#x2F; some helper functions..
+// some helper functions..
 
-&#x2F;**
+/**
  * 
  * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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];
@@ -296,22 +351,22 @@ PIXI.Sprite.fromFrame = function(frameId)
 	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
+ * @param imageId {String} 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>
 
@@ -321,13 +376,13 @@ PIXI.Sprite.fromImage = function(imageId)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_display_Stage.js.html b/docs/files/src_pixi_display_Stage.js.html
index 6c0dc32..7c8bc2b 100644
--- a/docs/files/src_pixi_display_Stage.js.html
+++ b/docs/files/src_pixi_display_Stage.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;display&#x2F;Stage.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/display/Stage.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,58 +166,101 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;display&#x2F;Stage.js</h1>
+                        <h1 class="file-heading">File: src/pixi/display/Stage.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
-A Stage represents the root of the display tree. Everything connected to the stage is rendered
-@class Stage
-@extends DisplayObjectContainer
-@constructor
-@param backgroundColor {Number} the background color of the stage
-@param interactive {Boolean} enable &#x2F; disable interaction (default is false)
-*&#x2F;
-PIXI.Stage = function(backgroundColor, interactive)
+/**
+ * A Stage represents the root of the display tree. Everything connected to the stage is rendered
+ *
+ * @class Stage
+ * @extends DisplayObjectContainer
+ * @constructor
+ * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
+ *		like: 0xFFFFFF for white
+ */
+PIXI.Stage = function(backgroundColor)
 {
-	
 	PIXI.DisplayObjectContainer.call( this );
-	
-	this.worldTransform = PIXI.mat3.create()
+
+	/**
+	 * [read-only] Current transform of the object based on world (parent) factors
+	 *
+	 * @property worldTransform
+	 * @type Mat3
+	 * @readOnly
+	 * @private
+	 */
+	this.worldTransform = PIXI.mat3.create();
+
+	/**
+	 * Whether or not the stage is interactive
+	 *
+	 * @property interactive
+	 * @type Boolean
+	 */
+	this.interactive = true;
+
+	/**
+	 * The interaction manage for this stage, manages all interactive activity on the stage
+	 *
+	 * @property interactive
+	 * @type InteractionManager
+	 */
+	this.interactionManager = new PIXI.InteractionManager(this);
+
+	/**
+	 * Whether the stage is dirty and needs to have interactions updated
+	 *
+	 * @property dirty
+	 * @type Boolean
+	 * @private
+	 */
+	this.dirty = true;
+
 	this.__childrenAdded = [];
 	this.__childrenRemoved = [];
-	
-	&#x2F;&#x2F;this.childIndex = 0;
+
+	//the stage is it&#x27;s own stage
 	this.stage = this;
-	this.interactive = interactive;
-	
+
+	//optimize hit detection a bit
 	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-	
-	&#x2F;&#x2F; interaction!
-	&#x2F;&#x2F; this.interactive = !!interactive;
-	this.interactionManager = new PIXI.InteractionManager(this);
-	
+
 	this.setBackgroundColor(backgroundColor);
 	this.worldVisible = true;
-	this.stage.dirty = true;
 }
 
-&#x2F;&#x2F; constructor
-PIXI.Stage.constructor = PIXI.Stage;
-
+// constructor
 PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+PIXI.Stage.prototype.constructor = PIXI.Stage;
 
-&#x2F;**
-@method updateTransform
-@internal
-*&#x2F;
+/**
+ * Sets another DOM element which can receive mouse/touch interactions instead of the default Canvas element.
+ * This is useful for when you have other DOM elements ontop of the Canvas element.
+ *
+ * @method setInteractionDelegate
+ * @param domElement {DOMElement} This new domElement which will receive mouse/touch events
+ */
+PIXI.Stage.prototype.setInteractionDelegate = function(domElement)
+{
+	this.interactionManager.setTargetDomElement( domElement );
+}
+
+/*
+ * Updates the object transform for rendering
+ *
+ * @method updateTransform
+ * @private
+ */
 PIXI.Stage.prototype.updateTransform = function()
 {
 	this.worldAlpha = 1;		
+	this.vcount = PIXI.visibleCount;
 	
 	for(var i=0,j=this.children.length; i&lt;j; i++)
 	{
@@ -203,17 +270,21 @@ PIXI.Stage.prototype.updateTransform = function()
 	if(this.dirty)
 	{
 		this.dirty = false;
-		&#x2F;&#x2F; update interactive!
+		// update interactive!
 		this.interactionManager.dirty = true;
 	}
-
+	
+	
 	if(this.interactive)this.interactionManager.update();
 }
 
-&#x2F;**
+/**
+ * Sets the background color for the stage
+ *
  * @method setBackgroundColor
- * @param backgroundColor {Number}
- *&#x2F;
+ * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
+ *		like: 0xFFFFFF for white
+ */
 PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
 {
 	this.backgroundColor = backgroundColor || 0x000000;
@@ -223,47 +294,16 @@ PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
 	this.backgroundColorString = &quot;#&quot; + hex;
 }
 
-&#x2F;**
+/**
  * This will return the point containing global coords of the mouse.
+ *
  * @method getMousePosition
  * @return {Point} The point containing the coords of the global InteractionData position.
- *&#x2F;
+ */
 PIXI.Stage.prototype.getMousePosition = function()
 {
 	return this.interactionManager.mouse.global;
 }
-&#x2F;*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i &lt; child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i&lt;j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*&#x2F;
 
     </pre>
 </div>
@@ -274,13 +314,13 @@ PIXI.Stage.prototype.__removeChild = function(child)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_extras_CustomRenderable.js.html b/docs/files/src_pixi_extras_CustomRenderable.js.html
index 83ef08c..8592913 100644
--- a/docs/files/src_pixi_extras_CustomRenderable.js.html
+++ b/docs/files/src_pixi_extras_CustomRenderable.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/extras/CustomRenderable.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,47 +166,65 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js</h1>
+                        <h1 class="file-heading">File: src/pixi/extras/CustomRenderable.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 
-&#x2F;**
- * Need to finalize this a bit more but works! Its in but will be working on this feature properly next..:)
- * @class CustomRenderable 
+/**
+ * This object is one that will allow you to specify custom rendering functions based on render type
+ *
+ * @class CustomRenderable
  * @extends DisplayObject
  * @constructor
- *&#x2F;
+ */
 PIXI.CustomRenderable = function()
 {
 	PIXI.DisplayObject.call( this );
 	
+	this.renderable = true;
 }
 
-&#x2F;&#x2F; constructor
-PIXI.CustomRenderable.constructor = PIXI.CustomRenderable;
+// constructor
 PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
+PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
 
+/**
+ * If this object is being rendered by a CanvasRenderer it will call this callback
+ *
+ * @method renderCanvas
+ * @param renderer {CanvasRenderer} The renderer instance
+ */
 PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
 {
-	&#x2F;&#x2F; override!
+	// override!
 }
 
-
+/**
+ * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
+ *
+ * @method initWebGL
+ * @param renderer {WebGLRenderer} The renderer instance
+ */
 PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
 {
-	&#x2F;&#x2F; override!
+	// override!
 }
 
-
+/**
+ * If this object is being rendered by a WebGLRenderer it will call this callback
+ *
+ * @method renderWebGL
+ * @param renderer {WebGLRenderer} The renderer instance
+ */
 PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
 {
-	&#x2F;&#x2F; not sure if both needed? but ya have for now!
-	&#x2F;&#x2F; override!
+	// not sure if both needed? but ya have for now!
+	// override!
 }
 
 
@@ -195,13 +237,13 @@ PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMa
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_extras_Rope.js.html b/docs/files/src_pixi_extras_Rope.js.html
index 37a22e4..34c0cf3 100644
--- a/docs/files/src_pixi_extras_Rope.js.html
+++ b/docs/files/src_pixi_extras_Rope.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;extras&#x2F;Rope.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/extras/Rope.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,20 +166,20 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;extras&#x2F;Rope.js</h1>
+                        <h1 class="file-heading">File: src/pixi/extras/Rope.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/
+ */
 
 
 PIXI.Rope = function(texture, points)
 {
 	PIXI.Strip.call( this, texture );
 	this.points = points;
-	
+
 	try
 	{
 		this.verticies = new Float32Array( points.length * 4);
@@ -166,117 +190,117 @@ PIXI.Rope = function(texture, points)
 	catch(error)
 	{
 		this.verticies = verticies
-		
+
 		this.uvs = uvs
 		this.colors = colors
 		this.indices = indices
 	}
-	
+
 	this.refresh();
 }
 
 
-&#x2F;&#x2F; constructor
-PIXI.Rope.constructor = PIXI.Rope;
+// constructor
 PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
+PIXI.Rope.prototype.constructor = PIXI.Rope;
 
 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++) 
+
+	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)
-		
+		// time to do some smart drawing!
+		var amount = i/(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 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!
-	
+
+	verticies[0] = point.x + perp.x
+	verticies[1] = point.y + perp.y //+ 200
+	verticies[2] = point.x - perp.x
+	verticies[3] = point.y - perp.y//+200
+	// time to do some smart drawing!
+
 	var total = points.length;
-		
-	for (var i =  1; i &lt; total; i++) 
+
+	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];
@@ -285,35 +309,35 @@ PIXI.Rope.prototype.updateTransform = function()
 		{
 			nextPoint = point
 		}
-		
+
 		perp.y = -(nextPoint.x - lastPoint.x);
 		perp.x = nextPoint.y - lastPoint.y;
-		
-		var ratio = (1 - (i &#x2F; (total-1))) * 10;
+
+		var ratio = (1 - (i / (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;
-	
+		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
+		perp.x /= perpLength;
+		perp.y /= perpLength;
+
 		perp.x *= num;
 		perp.y *= num;
-		
-		verticies[index] = point.x + perp.x 
+
+		verticies[index] = point.x + perp.x
 		verticies[index+1] = point.y + perp.y
-		verticies[index+2] = point.x - perp.x 
+		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 
+	// stop current texture
 	this.texture = texture;
 	this.updateFrame = true;
 }
@@ -331,13 +355,13 @@ PIXI.Rope.prototype.setTexture = function(texture)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_extras_Spine.js.html b/docs/files/src_pixi_extras_Spine.js.html
index ba18005..b1df202 100644
--- a/docs/files/src_pixi_extras_Spine.js.html
+++ b/docs/files/src_pixi_extras_Spine.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;extras&#x2F;Spine.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/extras/Spine.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,122 +166,141 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;extras&#x2F;Spine.js</h1>
+                        <h1 class="file-heading">File: src/pixi/extras/Spine.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https:&#x2F;&#x2F;github.com&#x2F;ekelokorpi
- * 
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
+ *
  * Awesome JS run time provided by EsotericSoftware
- * https:&#x2F;&#x2F;github.com&#x2F;EsotericSoftware&#x2F;spine-runtimes
- * 
- *&#x2F;
+ * https://github.com/EsotericSoftware/spine-runtimes
+ *
+ */
 
-&#x2F;**
+/**
  * A class that enables the you to import and run your spine animations in pixi.
  * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * Also due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;examples&#x2F;12&#x2F;) to see a working example and check out the source
+ * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
+ *
  * @class Spine
- * @constructor
  * @extends DisplayObjectContainer
- * @param {String} url the url of the spine anim file to be used
- *&#x2F;
-PIXI.Spine = function(url)
-{
+ * @constructor
+ * @param url {String} The url of the spine anim file to be used
+ */
+PIXI.Spine = function (url) {
 	PIXI.DisplayObjectContainer.call(this);
-	
+
 	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
+
+	if (!this.spineData) {
 		throw new Error(&quot;Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: &quot; + url);
-		return;
 	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
+
 	this.skeleton = new spine.Skeleton(this.spineData);
 	this.skeleton.updateWorldTransform();
 
-	this.stateData = new spine.AnimationStateData(this.spineData);	
+	this.stateData = new spine.AnimationStateData(this.spineData);
 	this.state = new spine.AnimationState(this.stateData);
-	
-	&#x2F;&#x2F; add the sprites..
-	for (var i = 0; i &lt; this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		&#x2F;&#x2F; kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += &quot;.png&quot;;
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
 
-PIXI.Spine.constructor = PIXI.Spine;
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.updateTransform = function()
-{
-	&#x2F;&#x2F; TODO should make this time based really..
-	this.state.update(1&#x2F;60);
+	this.slotContainers = [];
+
+	for (var i = 0, n = this.skeleton.drawOrder.length; i &lt; n; i++) {
+		var slot = this.skeleton.drawOrder[i];
+		var attachment = slot.attachment;
+		var slotContainer = new PIXI.DisplayObjectContainer();
+		this.slotContainers.push(slotContainer);
+		this.addChild(slotContainer);
+		if (!(attachment instanceof spine.RegionAttachment)) {
+			continue;
+		}
+		var spriteName = attachment.rendererObject.name;
+		var sprite = this.createSprite(slot, attachment.rendererObject);
+		slot.currentSprite = sprite;
+		slot.currentSpriteName = spriteName;
+		slotContainer.addChild(sprite);
+	}
+};
+
+PIXI.Spine.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
+PIXI.Spine.prototype.constructor = PIXI.Spine;
+
+/*
+ * Updates the object transform for rendering
+ *
+ * @method updateTransform
+ * @private
+ */
+PIXI.Spine.prototype.updateTransform = function () {
+	this.lastTime = this.lastTime || Date.now();
+	var timeDelta = (Date.now() - this.lastTime) * 0.001;
+	this.lastTime = Date.now();
+	this.state.update(timeDelta);
 	this.state.apply(this.skeleton);
 	this.skeleton.updateWorldTransform();
 
-	
-	for (var i = 0; i &lt; this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
+	var drawOrder = this.skeleton.drawOrder;
+	for (var i = 0, n = drawOrder.length; i &lt; n; i++) {
+		var slot = drawOrder[i];
+		var attachment = slot.attachment;
+		var slotContainer = this.slotContainers[i];
+		if (!(attachment instanceof spine.RegionAttachment)) {
+			slotContainer.visible = false;
+			continue;
+		}
 
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		&#x2F;&#x2F;console.log(x + &#x27; : &#x27; + y);
-		
-		 
-			&#x2F;&#x2F;console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += &quot;.png&quot;;
+		if (attachment.rendererObject) {
+			if (!slot.currentSpriteName || slot.currentSpriteName != attachment.name) {
+				var spriteName = attachment.rendererObject.name;
+				if (slot.currentSprite !== undefined) {
+					slot.currentSprite.visible = false;
 				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
+				slot.sprites = slot.sprites || {};
+				if (slot.sprites[spriteName] !== undefined) {
+					slot.sprites[spriteName].visible = true;
+				} else {
+					var sprite = this.createSprite(slot, attachment.rendererObject);
+					slotContainer.addChild(sprite);
+				}
+				slot.currentSprite = slot.sprites[spriteName];
+				slot.currentSpriteName = spriteName;
 			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))&gt;&gt;1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))&gt;&gt;1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI&#x2F;180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
+		}
+		slotContainer.visible = true;
 
-&#x2F;*
+		var bone = slot.bone;
+
+		slotContainer.position.x = bone.worldX + attachment.x * bone.m00 + attachment.y * bone.m01;
+		slotContainer.position.y = bone.worldY + attachment.x * bone.m10 + attachment.y * bone.m11;
+		slotContainer.scale.x = bone.worldScaleX;
+		slotContainer.scale.y = bone.worldScaleY;
+
+		slotContainer.rotation = -(slot.bone.worldRotation * Math.PI / 180);
+	}
+
+	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
+};
+
+
+PIXI.Spine.prototype.createSprite = function (slot, descriptor) {
+	var name = PIXI.TextureCache[descriptor.name] ? descriptor.name : descriptor.name + &quot;.png&quot;;
+	var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(name));
+	sprite.scale = descriptor.scale;
+	sprite.rotation = descriptor.rotation;
+	sprite.anchor.x = sprite.anchor.y = 0.5;
+
+	slot.sprites = slot.sprites || {};
+	slot.sprites[descriptor.name] = sprite;
+	return sprite;
+};
+
+/*
  * Awesome JS run time provided by EsotericSoftware
- * 
- * https:&#x2F;&#x2F;github.com&#x2F;EsotericSoftware&#x2F;spine-runtimes
- * 
- *&#x2F;
+ *
+ * https://github.com/EsotericSoftware/spine-runtimes
+ *
+ */
 
 var spine = {};
 
@@ -291,8 +334,8 @@ spine.Bone.prototype = {
 	x: 0, y: 0,
 	rotation: 0,
 	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, &#x2F;&#x2F; a b x
-	m10: 0, m11: 0, worldY: 0, &#x2F;&#x2F; c d y
+	m00: 0, m01: 0, worldX: 0, // a b x
+	m10: 0, m11: 0, worldY: 0, // c d y
 	worldRotation: 0,
 	worldScaleX: 1, worldScaleY: 1,
 	updateWorldTransform: function (flipX, flipY) {
@@ -310,7 +353,7 @@ spine.Bone.prototype = {
 			this.worldScaleY = this.scaleY;
 			this.worldRotation = this.rotation;
 		}
-		var radians = this.worldRotation * Math.PI &#x2F; 180;
+		var radians = this.worldRotation * Math.PI / 180;
 		var cos = Math.cos(radians);
 		var sin = Math.sin(radians);
 		this.m00 = cos * this.worldScaleX;
@@ -366,7 +409,7 @@ spine.Slot.prototype = {
 		this.g = data.g;
 		this.b = data.b;
 		this.a = data.a;
-		
+
 		var slotDatas = this.skeleton.data.slots;
 		for (var i = 0, n = slotDatas.length; i &lt; n; i++) {
 			if (slotDatas[i] == data) {
@@ -424,7 +467,7 @@ spine.Animation.prototype = {
 
 spine.binarySearch = function (values, target, step) {
 	var low = 0;
-	var high = Math.floor(values.length &#x2F; step) - 2;
+	var high = Math.floor(values.length / step) - 2;
 	if (high == 0) return step;
 	var current = high &gt;&gt;&gt; 1;
 	while (true) {
@@ -443,21 +486,21 @@ spine.linearSearch = function (values, target, step) {
 };
 
 spine.Curves = function (frameCount) {
-	this.curves = []; &#x2F;&#x2F; dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
+	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
 	this.curves.length = (frameCount - 1) * 6;
 };
 spine.Curves.prototype = {
 	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0&#x2F;*LINEAR*&#x2F;;
+		this.curves[frameIndex * 6] = 0/*LINEAR*/;
 	},
 	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1&#x2F;*STEPPED*&#x2F;;
+		this.curves[frameIndex * 6] = -1/*STEPPED*/;
 	},
-	&#x2F;** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
+	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
 	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe&#x27;s values. *&#x2F;
+	 * the difference between the keyframe&#x27;s values. */
 	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 &#x2F; 10&#x2F;*BEZIER_SEGMENTS*&#x2F;;
+		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
 		var subdiv_step2 = subdiv_step * subdiv_step;
 		var subdiv_step3 = subdiv_step2 * subdiv_step;
 		var pre1 = 3 * subdiv_step;
@@ -482,20 +525,20 @@ spine.Curves.prototype = {
 		var curveIndex = frameIndex * 6;
 		var curves = this.curves;
 		var dfx = curves[curveIndex];
-		if (!dfx&#x2F;*LINEAR*&#x2F;) return percent;
-		if (dfx == -1&#x2F;*STEPPED*&#x2F;) return 0;
+		if (!dfx/*LINEAR*/) return percent;
+		if (dfx == -1/*STEPPED*/) return 0;
 		var dfy = curves[curveIndex + 1];
 		var ddfx = curves[curveIndex + 2];
 		var ddfy = curves[curveIndex + 3];
 		var dddfx = curves[curveIndex + 4];
 		var dddfy = curves[curveIndex + 5];
 		var x = dfx, y = dfy;
-		var i = 10&#x2F;*BEZIER_SEGMENTS*&#x2F; - 2;
+		var i = 10/*BEZIER_SEGMENTS*/ - 2;
 		while (true) {
 			if (x &gt;= percent) {
 				var lastX = x - dfx;
 				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) &#x2F; (x - lastX);
+				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
 			}
 			if (i == 0) break;
 			i--;
@@ -506,19 +549,19 @@ spine.Curves.prototype = {
 			x += dfx;
 			y += dfy;
 		}
-		return y + (1 - y) * (percent - x) &#x2F; (1 - x); &#x2F;&#x2F; Last point is 1,1.
+		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
 	}
 };
 
 spine.RotateTimeline = function (frameCount) {
 	this.curves = new spine.Curves(frameCount);
-	this.frames = []; &#x2F;&#x2F; time, angle, ...
+	this.frames = []; // time, angle, ...
 	this.frames.length = frameCount * 2;
 };
 spine.RotateTimeline.prototype = {
 	boneIndex: 0,
 	getFrameCount: function () {
-		return this.frames.length &#x2F; 2;
+		return this.frames.length / 2;
 	},
 	setFrame: function (frameIndex, time, angle) {
 		frameIndex *= 2;
@@ -527,11 +570,11 @@ spine.RotateTimeline.prototype = {
 	},
 	apply: function (skeleton, time, alpha) {
 		var frames = this.frames;
-		if (time &lt; frames[0]) return; &#x2F;&#x2F; Time is before first frame.
+		if (time &lt; frames[0]) return; // Time is before first frame.
 
 		var bone = skeleton.bones[this.boneIndex];
 
-		if (time &gt;= frames[frames.length - 2]) { &#x2F;&#x2F; Time is after last frame.
+		if (time &gt;= frames[frames.length - 2]) { // Time is after last frame.
 			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
 			while (amount &gt; 180)
 				amount -= 360;
@@ -541,14 +584,14 @@ spine.RotateTimeline.prototype = {
 			return;
 		}
 
-		&#x2F;&#x2F; Interpolate between the last frame and the current frame.
+		// Interpolate between the last frame and the current frame.
 		var frameIndex = spine.binarySearch(frames, time, 2);
 		var lastFrameValue = frames[frameIndex - 1];
 		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) &#x2F; (frames[frameIndex - 2&#x2F;*LAST_FRAME_TIME*&#x2F;] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex &#x2F; 2 - 1, percent);
+		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
+		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
 
-		var amount = frames[frameIndex + 1&#x2F;*FRAME_VALUE*&#x2F;] - lastFrameValue;
+		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
 		while (amount &gt; 180)
 			amount -= 360;
 		while (amount &lt; -180)
@@ -564,13 +607,13 @@ spine.RotateTimeline.prototype = {
 
 spine.TranslateTimeline = function (frameCount) {
 	this.curves = new spine.Curves(frameCount);
-	this.frames = []; &#x2F;&#x2F; time, x, y, ...
+	this.frames = []; // time, x, y, ...
 	this.frames.length = frameCount * 3;
 };
 spine.TranslateTimeline.prototype = {
 	boneIndex: 0,
 	getFrameCount: function () {
-		return this.frames.length &#x2F; 3;
+		return this.frames.length / 3;
 	},
 	setFrame: function (frameIndex, time, x, y) {
 		frameIndex *= 3;
@@ -580,37 +623,38 @@ spine.TranslateTimeline.prototype = {
 	},
 	apply: function (skeleton, time, alpha) {
 		var frames = this.frames;
-		if (time &lt; frames[0]) return; &#x2F;&#x2F; Time is before first frame.
+		if (time &lt; frames[0]) return; // Time is before first frame.
 
 		var bone = skeleton.bones[this.boneIndex];
 
-		if (time &gt;= frames[frames.length - 3]) { &#x2F;&#x2F; Time is after last frame.
+		if (time &gt;= frames[frames.length - 3]) { // Time is after last frame.
 			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
 			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
 			return;
 		}
 
-		&#x2F;&#x2F; Interpolate between the last frame and the current frame.
+		// Interpolate between the last frame and the current frame.
 		var frameIndex = spine.binarySearch(frames, time, 3);
 		var lastFrameX = frames[frameIndex - 2];
 		var lastFrameY = frames[frameIndex - 1];
 		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) &#x2F; (frames[frameIndex + -3&#x2F;*LAST_FRAME_TIME*&#x2F;] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex &#x2F; 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1&#x2F;*FRAME_X*&#x2F;] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2&#x2F;*FRAME_Y*&#x2F;] - lastFrameY) * percent - bone.y) * alpha;
+		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
+		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
+
+		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
+		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
 	}
 };
 
 spine.ScaleTimeline = function (frameCount) {
 	this.curves = new spine.Curves(frameCount);
-	this.frames = []; &#x2F;&#x2F; time, x, y, ...
+	this.frames = []; // time, x, y, ...
 	this.frames.length = frameCount * 3;
 };
 spine.ScaleTimeline.prototype = {
 	boneIndex: 0,
 	getFrameCount: function () {
-		return this.frames.length &#x2F; 3;
+		return this.frames.length / 3;
 	},
 	setFrame: function (frameIndex, time, x, y) {
 		frameIndex *= 3;
@@ -620,40 +664,38 @@ spine.ScaleTimeline.prototype = {
 	},
 	apply: function (skeleton, time, alpha) {
 		var frames = this.frames;
-		if (time &lt; frames[0]) return; &#x2F;&#x2F; Time is before first frame.
-		
+		if (time &lt; frames[0]) return; // Time is before first frame.
+
 		var bone = skeleton.bones[this.boneIndex];
 
-		if (time &gt;= frames[frames.length - 3]) { &#x2F;&#x2F; Time is after last frame.
+		if (time &gt;= frames[frames.length - 3]) { // Time is after last frame.
 			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
 			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
 			return;
 		}
 
-		&#x2F;&#x2F; Interpolate between the last frame and the current frame.
+		// Interpolate between the last frame and the current frame.
 		var frameIndex = spine.binarySearch(frames, time, 3);
 		var lastFrameX = frames[frameIndex - 2];
 		var lastFrameY = frames[frameIndex - 1];
 		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) &#x2F; (frames[frameIndex + -3&#x2F;*LAST_FRAME_TIME*&#x2F;] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex &#x2F; 3 - 1, percent);
+		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
+		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
 
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1&#x2F;*FRAME_X*&#x2F;] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2&#x2F;*FRAME_Y*&#x2F;] - lastFrameY) * percent - bone.scaleY) * alpha;
+		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
+		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
 	}
 };
 
 spine.ColorTimeline = function (frameCount) {
 	this.curves = new spine.Curves(frameCount);
-	this.frames = []; &#x2F;&#x2F; time, r, g, b, a, ...
+	this.frames = []; // time, r, g, b, a, ...
 	this.frames.length = frameCount * 5;
 };
 spine.ColorTimeline.prototype = {
 	slotIndex: 0,
 	getFrameCount: function () {
-		return this.frames.length &#x2F; 2;
+		return this.frames.length / 2;
 	},
 	setFrame: function (frameIndex, time, x, y) {
 		frameIndex *= 5;
@@ -665,10 +707,11 @@ spine.ColorTimeline.prototype = {
 	},
 	apply: function (skeleton, time, alpha) {
 		var frames = this.frames;
-		if (time &lt; frames[0]) return; &#x2F;&#x2F; Time is before first frame.
+		if (time &lt; frames[0]) return; // Time is before first frame.
+
 		var slot = skeleton.slots[this.slotIndex];
 
-		if (time &gt;= frames[frames.length - 5]) { &#x2F;&#x2F; Time is after last frame.
+		if (time &gt;= frames[frames.length - 5]) { // Time is after last frame.
 			var i = frames.length - 1;
 			slot.r = frames[i - 3];
 			slot.g = frames[i - 2];
@@ -677,20 +720,20 @@ spine.ColorTimeline.prototype = {
 			return;
 		}
 
-		&#x2F;&#x2F; Interpolate between the last frame and the current frame.
+		// Interpolate between the last frame and the current frame.
 		var frameIndex = spine.binarySearch(frames, time, 5);
 		var lastFrameR = frames[frameIndex - 4];
 		var lastFrameG = frames[frameIndex - 3];
 		var lastFrameB = frames[frameIndex - 2];
 		var lastFrameA = frames[frameIndex - 1];
 		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) &#x2F; (frames[frameIndex - 5&#x2F;*LAST_FRAME_TIME*&#x2F;] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex &#x2F; 5 - 1, percent);
+		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
+		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
 
-		var r = lastFrameR + (frames[frameIndex + 1&#x2F;*FRAME_R*&#x2F;] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2&#x2F;*FRAME_G*&#x2F;] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3&#x2F;*FRAME_B*&#x2F;] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4&#x2F;*FRAME_A*&#x2F;] - lastFrameA) * percent;
+		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
+		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
+		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
+		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
 		if (alpha &lt; 1) {
 			slot.r += (r - slot.r) * alpha;
 			slot.g += (g - slot.g) * alpha;
@@ -707,15 +750,15 @@ spine.ColorTimeline.prototype = {
 
 spine.AttachmentTimeline = function (frameCount) {
 	this.curves = new spine.Curves(frameCount);
-	this.frames = []; &#x2F;&#x2F; time, ...
+	this.frames = []; // time, ...
 	this.frames.length = frameCount;
-	this.attachmentNames = []; &#x2F;&#x2F; time, ...
+	this.attachmentNames = []; // time, ...
 	this.attachmentNames.length = frameCount;
 };
 spine.AttachmentTimeline.prototype = {
 	slotIndex: 0,
 	getFrameCount: function () {
-		return this.frames.length &#x2F; 2;
+            return this.frames.length;
 	},
 	setFrame: function (frameIndex, time, attachmentName) {
 		this.frames[frameIndex] = time;
@@ -723,20 +766,15 @@ spine.AttachmentTimeline.prototype = {
 	},
 	apply: function (skeleton, time, alpha) {
 		var frames = this.frames;
-		if (time &lt; frames[0]) return; &#x2F;&#x2F; Time is before first frame.
+		if (time &lt; frames[0]) return; // Time is before first frame.
 
 		var frameIndex;
-		if (time &gt;= frames[frames.length - 1]) &#x2F;&#x2F; Time is after last frame.
+		if (time &gt;= frames[frames.length - 1]) // Time is after last frame.
 			frameIndex = frames.length - 1;
 		else
 			frameIndex = spine.binarySearch(frames, time, 1) - 1;
 
 		var attachmentName = this.attachmentNames[frameIndex];
-		&#x2F;&#x2F;console.log(skeleton.slots[this.slotIndex])
-		
-		&#x2F;&#x2F; change the name!
-	&#x2F;&#x2F;	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
 		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
 	}
 };
@@ -749,21 +787,21 @@ spine.SkeletonData = function () {
 };
 spine.SkeletonData.prototype = {
 	defaultSkin: null,
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	findBone: function (boneName) {
 		var bones = this.bones;
 		for (var i = 0, n = bones.length; i &lt; n; i++)
 			if (bones[i].name == boneName) return bones[i];
 		return null;
 	},
-	&#x2F;** @return -1 if the bone was not found. *&#x2F;
+	/** @return -1 if the bone was not found. */
 	findBoneIndex: function (boneName) {
 		var bones = this.bones;
 		for (var i = 0, n = bones.length; i &lt; n; i++)
 			if (bones[i].name == boneName) return i;
 		return -1;
 	},
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	findSlot: function (slotName) {
 		var slots = this.slots;
 		for (var i = 0, n = slots.length; i &lt; n; i++) {
@@ -771,21 +809,21 @@ spine.SkeletonData.prototype = {
 		}
 		return null;
 	},
-	&#x2F;** @return -1 if the bone was not found. *&#x2F;
+	/** @return -1 if the bone was not found. */
 	findSlotIndex: function (slotName) {
 		var slots = this.slots;
 		for (var i = 0, n = slots.length; i &lt; n; i++)
 			if (slots[i].name == slotName) return i;
 		return -1;
 	},
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	findSkin: function (skinName) {
 		var skins = this.skins;
 		for (var i = 0, n = skins.length; i &lt; n; i++)
 			if (skins[i].name == skinName) return skins[i];
 		return null;
 	},
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	findAnimation: function (animationName) {
 		var animations = this.animations;
 		for (var i = 0, n = animations.length; i &lt; n; i++)
@@ -820,7 +858,7 @@ spine.Skeleton.prototype = {
 	r: 1, g: 1, b: 1, a: 1,
 	time: 0,
 	flipX: false, flipY: false,
-	&#x2F;** Updates the world transform for each bone. *&#x2F;
+	/** Updates the world transform for each bone. */
 	updateWorldTransform: function () {
 		var flipX = this.flipX;
 		var flipY = this.flipY;
@@ -828,7 +866,7 @@ spine.Skeleton.prototype = {
 		for (var i = 0, n = bones.length; i &lt; n; i++)
 			bones[i].updateWorldTransform(flipX, flipY);
 	},
-	&#x2F;** Sets the bones and slots to their setup pose values. *&#x2F;
+	/** Sets the bones and slots to their setup pose values. */
 	setToSetupPose: function () {
 		this.setBonesToSetupPose();
 		this.setSlotsToSetupPose();
@@ -843,32 +881,32 @@ spine.Skeleton.prototype = {
 		for (var i = 0, n = slots.length; i &lt; n; i++)
 			slots[i].setToSetupPose(i);
 	},
-	&#x2F;** @return May return null. *&#x2F;
+	/** @return May return null. */
 	getRootBone: function () {
 		return this.bones.length == 0 ? null : this.bones[0];
 	},
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	findBone: function (boneName) {
 		var bones = this.bones;
 		for (var i = 0, n = bones.length; i &lt; n; i++)
 			if (bones[i].data.name == boneName) return bones[i];
 		return null;
 	},
-	&#x2F;** @return -1 if the bone was not found. *&#x2F;
+	/** @return -1 if the bone was not found. */
 	findBoneIndex: function (boneName) {
 		var bones = this.bones;
 		for (var i = 0, n = bones.length; i &lt; n; i++)
 			if (bones[i].data.name == boneName) return i;
 		return -1;
 	},
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	findSlot: function (slotName) {
 		var slots = this.slots;
 		for (var i = 0, n = slots.length; i &lt; n; i++)
 			if (slots[i].data.name == slotName) return slots[i];
 		return null;
 	},
-	&#x2F;** @return -1 if the bone was not found. *&#x2F;
+	/** @return -1 if the bone was not found. */
 	findSlotIndex: function (slotName) {
 		var slots = this.slots;
 		for (var i = 0, n = slots.length; i &lt; n; i++)
@@ -880,18 +918,18 @@ spine.Skeleton.prototype = {
 		if (!skin) throw &quot;Skin not found: &quot; + skinName;
 		this.setSkin(skin);
 	},
-	&#x2F;** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
+	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
 	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. *&#x2F;
+	 * @param newSkin May be null. */
 	setSkin: function (newSkin) {
 		if (this.skin &amp;&amp; newSkin) newSkin._attachAll(this, this.skin);
 		this.skin = newSkin;
 	},
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	getAttachmentBySlotName: function (slotName, attachmentName) {
 		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
 	},
-	&#x2F;** @return May be null. *&#x2F;
+	/** @return May be null. */
 	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
 		if (this.skin) {
 			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
@@ -900,7 +938,7 @@ spine.Skeleton.prototype = {
 		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
 		return null;
 	},
-	&#x2F;** @param attachmentName May be null. *&#x2F;
+	/** @param attachmentName May be null. */
 	setAttachment: function (slotName, attachmentName) {
 		var slots = this.slots;
 		for (var i = 0, n = slots.size; i &lt; n; i++) {
@@ -908,11 +946,9 @@ spine.Skeleton.prototype = {
 			if (slot.data.name == slotName) {
 				var attachment = null;
 				if (attachmentName) {
-					
 					attachment = this.getAttachment(i, attachmentName);
 					if (attachment == null) throw &quot;Attachment not found: &quot; + attachmentName + &quot;, for slot: &quot; + slotName;
 				}
-				
 				slot.setAttachment(attachment);
 				return;
 			}
@@ -946,33 +982,33 @@ spine.RegionAttachment.prototype = {
 	setUVs: function (u, v, u2, v2, rotate) {
 		var uvs = this.uvs;
 		if (rotate) {
-			uvs[2&#x2F;*X2*&#x2F;] = u;
-			uvs[3&#x2F;*Y2*&#x2F;] = v2;
-			uvs[4&#x2F;*X3*&#x2F;] = u;
-			uvs[5&#x2F;*Y3*&#x2F;] = v;
-			uvs[6&#x2F;*X4*&#x2F;] = u2;
-			uvs[7&#x2F;*Y4*&#x2F;] = v;
-			uvs[0&#x2F;*X1*&#x2F;] = u2;
-			uvs[1&#x2F;*Y1*&#x2F;] = v2;
+			uvs[2/*X2*/] = u;
+			uvs[3/*Y2*/] = v2;
+			uvs[4/*X3*/] = u;
+			uvs[5/*Y3*/] = v;
+			uvs[6/*X4*/] = u2;
+			uvs[7/*Y4*/] = v;
+			uvs[0/*X1*/] = u2;
+			uvs[1/*Y1*/] = v2;
 		} else {
-			uvs[0&#x2F;*X1*&#x2F;] = u;
-			uvs[1&#x2F;*Y1*&#x2F;] = v2;
-			uvs[2&#x2F;*X2*&#x2F;] = u;
-			uvs[3&#x2F;*Y2*&#x2F;] = v;
-			uvs[4&#x2F;*X3*&#x2F;] = u2;
-			uvs[5&#x2F;*Y3*&#x2F;] = v;
-			uvs[6&#x2F;*X4*&#x2F;] = u2;
-			uvs[7&#x2F;*Y4*&#x2F;] = v2;
+			uvs[0/*X1*/] = u;
+			uvs[1/*Y1*/] = v2;
+			uvs[2/*X2*/] = u;
+			uvs[3/*Y2*/] = v;
+			uvs[4/*X3*/] = u2;
+			uvs[5/*Y3*/] = v;
+			uvs[6/*X4*/] = u2;
+			uvs[7/*Y4*/] = v2;
 		}
 	},
 	updateOffset: function () {
-		var regionScaleX = this.width &#x2F; this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height &#x2F; this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width &#x2F; 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height &#x2F; 2 * this.scaleY + this.regionOffsetY * regionScaleY;
+		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
+		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
+		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
+		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
 		var localX2 = localX + this.regionWidth * regionScaleX;
 		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI &#x2F; 180;
+		var radians = this.rotation * Math.PI / 180;
 		var cos = Math.cos(radians);
 		var sin = Math.sin(radians);
 		var localXCos = localX * cos + this.x;
@@ -984,17 +1020,16 @@ spine.RegionAttachment.prototype = {
 		var localY2Cos = localY2 * cos + this.y;
 		var localY2Sin = localY2 * sin;
 		var offset = this.offset;
-		offset[0&#x2F;*X1*&#x2F;] = localXCos - localYSin;
-		offset[1&#x2F;*Y1*&#x2F;] = localYCos + localXSin;
-		offset[2&#x2F;*X2*&#x2F;] = localXCos - localY2Sin;
-		offset[3&#x2F;*Y2*&#x2F;] = localY2Cos + localXSin;
-		offset[4&#x2F;*X3*&#x2F;] = localX2Cos - localY2Sin;
-		offset[5&#x2F;*Y3*&#x2F;] = localY2Cos + localX2Sin;
-		offset[6&#x2F;*X4*&#x2F;] = localX2Cos - localYSin;
-		offset[7&#x2F;*Y4*&#x2F;] = localYCos + localX2Sin;
+		offset[0/*X1*/] = localXCos - localYSin;
+		offset[1/*Y1*/] = localYCos + localXSin;
+		offset[2/*X2*/] = localXCos - localY2Sin;
+		offset[3/*Y2*/] = localY2Cos + localXSin;
+		offset[4/*X3*/] = localX2Cos - localY2Sin;
+		offset[5/*Y3*/] = localY2Cos + localX2Sin;
+		offset[6/*X4*/] = localX2Cos - localYSin;
+		offset[7/*Y4*/] = localYCos + localX2Sin;
 	},
 	computeVertices: function (x, y, bone, vertices) {
-		
 		x += bone.worldX;
 		y += bone.worldY;
 		var m00 = bone.m00;
@@ -1002,14 +1037,14 @@ spine.RegionAttachment.prototype = {
 		var m10 = bone.m10;
 		var m11 = bone.m11;
 		var offset = this.offset;
-		vertices[0&#x2F;*X1*&#x2F;] = offset[0&#x2F;*X1*&#x2F;] * m00 + offset[1&#x2F;*Y1*&#x2F;] * m01 + x;
-		vertices[1&#x2F;*Y1*&#x2F;] = offset[0&#x2F;*X1*&#x2F;] * m10 + offset[1&#x2F;*Y1*&#x2F;] * m11 + y;
-		vertices[2&#x2F;*X2*&#x2F;] = offset[2&#x2F;*X2*&#x2F;] * m00 + offset[3&#x2F;*Y2*&#x2F;] * m01 + x;
-		vertices[3&#x2F;*Y2*&#x2F;] = offset[2&#x2F;*X2*&#x2F;] * m10 + offset[3&#x2F;*Y2*&#x2F;] * m11 + y;
-		vertices[4&#x2F;*X3*&#x2F;] = offset[4&#x2F;*X3*&#x2F;] * m00 + offset[5&#x2F;*X3*&#x2F;] * m01 + x;
-		vertices[5&#x2F;*X3*&#x2F;] = offset[4&#x2F;*X3*&#x2F;] * m10 + offset[5&#x2F;*X3*&#x2F;] * m11 + y;
-		vertices[6&#x2F;*X4*&#x2F;] = offset[6&#x2F;*X4*&#x2F;] * m00 + offset[7&#x2F;*Y4*&#x2F;] * m01 + x;
-		vertices[7&#x2F;*Y4*&#x2F;] = offset[6&#x2F;*X4*&#x2F;] * m10 + offset[7&#x2F;*Y4*&#x2F;] * m11 + y;
+		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
+		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
+		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
+		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
+		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
+		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
+		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
+		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
 	}
 }
 
@@ -1018,6 +1053,7 @@ spine.AnimationStateData = function (skeletonData) {
 	this.animationToMixTime = {};
 };
 spine.AnimationStateData.prototype = {
+        defaultMix: 0,
 	setMixByName: function (fromName, toName, duration) {
 		var from = this.skeletonData.findAnimation(fromName);
 		if (!from) throw &quot;Animation not found: &quot; + fromName;
@@ -1030,7 +1066,7 @@ spine.AnimationStateData.prototype = {
 	},
 	getMix: function (from, to) {
 		var time = this.animationToMixTime[from.name + &quot;:&quot; + to.name];
-		return time ? time : 0;
+            return time ? time : this.defaultMix;
 	}
 };
 
@@ -1064,13 +1100,13 @@ spine.AnimationState.prototype = {
 		if (!this.current) return;
 		if (this.previous) {
 			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime &#x2F; this.mixDuration;
+			var alpha = this.mixTime / this.mixDuration;
 			if (alpha &gt;= 1) {
 				alpha = 1;
 				this.previous = null;
 			}
 			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
+		} else
 			this.current.apply(skeleton, this.currentTime, this.currentLoop);
 	},
 	clearAnimation: function () {
@@ -1093,26 +1129,26 @@ spine.AnimationState.prototype = {
 		this.currentLoop = loop;
 		this.currentTime = 0;
 	},
-	&#x2F;** @see #setAnimation(Animation, Boolean) *&#x2F;
+	/** @see #setAnimation(Animation, Boolean) */
 	setAnimationByName: function (animationName, loop) {
 		var animation = this.data.skeletonData.findAnimation(animationName);
 		if (!animation) throw &quot;Animation not found: &quot; + animationName;
 		this.setAnimation(animation, loop);
 	},
-	&#x2F;** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. *&#x2F;
+	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
+	 * @param animation May be null. */
 	setAnimation: function (animation, loop) {
 		this.queue.length = 0;
 		this._setAnimation(animation, loop);
 	},
-	&#x2F;** @see #addAnimation(Animation, Boolean, Number) *&#x2F;
+	/** @see #addAnimation(Animation, Boolean, Number) */
 	addAnimationByName: function (animationName, loop, delay) {
 		var animation = this.data.skeletonData.findAnimation(animationName);
 		if (!animation) throw &quot;Animation not found: &quot; + animationName;
 		this.addAnimation(animation, loop, delay);
 	},
-	&#x2F;** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be &lt;= 0 to use duration of previous animation minus any mix duration plus the negative delay. *&#x2F;
+	/** Adds an animation to be played delay seconds after the current or last queued animation.
+	 * @param delay May be &lt;= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
 	addAnimation: function (animation, loop, delay) {
 		var entry = {};
 		entry.animation = animation;
@@ -1129,7 +1165,7 @@ spine.AnimationState.prototype = {
 
 		this.queue.push(entry);
 	},
-	&#x2F;** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. *&#x2F;
+	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
 	isComplete: function () {
 		return !this.current || this.currentTime &gt;= this.current.duration;
 	}
@@ -1143,7 +1179,7 @@ spine.SkeletonJson.prototype = {
 	readSkeletonData: function (root) {
 		var skeletonData = new spine.SkeletonData();
 
-		&#x2F;&#x2F; Bones.
+		// Bones.
 		var bones = root[&quot;bones&quot;];
 		for (var i = 0, n = bones.length; i &lt; n; i++) {
 			var boneMap = bones[i];
@@ -1162,7 +1198,7 @@ spine.SkeletonJson.prototype = {
 			skeletonData.bones.push(boneData);
 		}
 
-		&#x2F;&#x2F; Slots.
+		// Slots.
 		var slots = root[&quot;slots&quot;];
 		for (var i = 0, n = slots.length; i &lt; n; i++) {
 			var slotMap = slots[i];
@@ -1183,7 +1219,7 @@ spine.SkeletonJson.prototype = {
 			skeletonData.slots.push(slotData);
 		}
 
-		&#x2F;&#x2F; Skins.
+		// Skins.
 		var skins = root[&quot;skins&quot;];
 		for (var skinName in skins) {
 			if (!skins.hasOwnProperty(skinName)) continue;
@@ -1203,7 +1239,7 @@ spine.SkeletonJson.prototype = {
 			if (skin.name == &quot;default&quot;) skeletonData.defaultSkin = skin;
 		}
 
-		&#x2F;&#x2F; Animations.
+		// Animations.
 		var animations = root[&quot;animations&quot;];
 		for (var animationName in animations) {
 			if (!animations.hasOwnProperty(animationName)) continue;
@@ -1216,16 +1252,9 @@ spine.SkeletonJson.prototype = {
 		name = map[&quot;name&quot;] || name;
 
 		var type = spine.AttachmentType[map[&quot;type&quot;] || &quot;region&quot;];
-		
-		&#x2F;&#x2F; @ekelokorpi
-		&#x2F;&#x2F; var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		&#x2F;&#x2F; @Doormat23
-		&#x2F;&#x2F; add the name of the attachment
-		attachment.name = name;
-		
+
 		if (type == spine.AttachmentType.region) {
+			var attachment = new spine.RegionAttachment();
 			attachment.x = (map[&quot;x&quot;] || 0) * this.scale;
 			attachment.y = (map[&quot;y&quot;] || 0) * this.scale;
 			attachment.scaleX = map[&quot;scaleX&quot;] || 1;
@@ -1234,10 +1263,19 @@ spine.SkeletonJson.prototype = {
 			attachment.width = (map[&quot;width&quot;] || 32) * this.scale;
 			attachment.height = (map[&quot;height&quot;] || 32) * this.scale;
 			attachment.updateOffset();
+
+			attachment.rendererObject = {};
+			attachment.rendererObject.name = name;
+			attachment.rendererObject.scale = {};
+			attachment.rendererObject.scale.x = attachment.scaleX;
+			attachment.rendererObject.scale.y = attachment.scaleY;
+			attachment.rendererObject.rotation = -attachment.rotation * Math.PI / 180;
+			return attachment;
 		}
 
-		return attachment;
+            throw &quot;Unknown attachment type: &quot; + type;
 	},
+
 	readAnimation: function (name, map, skeletonData) {
 		var timelines = [];
 		var duration = 0;
@@ -1288,7 +1326,7 @@ spine.SkeletonJson.prototype = {
 					}
 					timelines.push(timeline);
 					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
+
 				} else
 					throw &quot;Invalid timeline type for a bone: &quot; + timelineName + &quot; (&quot; + boneName + &quot;)&quot;;
 			}
@@ -1331,8 +1369,8 @@ spine.SkeletonJson.prototype = {
 						timeline.setFrame(frameIndex++, valueMap[&quot;time&quot;], valueMap[&quot;name&quot;]);
 					}
 					timelines.push(timeline);
-					&#x2F;&#x2F; PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
+                        duration = Math.max(duration, timeline.frames[timeline.getFrameCount() - 1]);
+
 				} else
 					throw &quot;Invalid timeline type for a slot: &quot; + timelineName + &quot; (&quot; + slotName + &quot;)&quot;;
 			}
@@ -1350,7 +1388,7 @@ spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
 };
 spine.SkeletonJson.toColor = function (hexString, colorIndex) {
 	if (hexString.length != 8) throw &quot;Color hexidecimal length must be 8, recieved: &quot; + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) &#x2F; 255;
+	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
 };
 
 spine.Atlas = function (atlasText, textureLoader) {
@@ -1407,24 +1445,24 @@ spine.Atlas = function (atlasText, textureLoader) {
 			var width = parseInt(tuple[0]);
 			var height = parseInt(tuple[1]);
 
-			region.u = x &#x2F; page.width;
-			region.v = y &#x2F; page.height;
+			region.u = x / page.width;
+			region.v = y / page.height;
 			if (region.rotate) {
-				region.u2 = (x + height) &#x2F; page.width;
-				region.v2 = (y + width) &#x2F; page.height;
+				region.u2 = (x + height) / page.width;
+				region.v2 = (y + width) / page.height;
 			} else {
-				region.u2 = (x + width) &#x2F; page.width;
-				region.v2 = (y + height) &#x2F; page.height;
+				region.u2 = (x + width) / page.width;
+				region.v2 = (y + height) / page.height;
 			}
 			region.x = x;
 			region.y = y;
 			region.width = Math.abs(width);
 			region.height = Math.abs(height);
 
-			if (reader.readTuple(tuple) == 4) { &#x2F;&#x2F; split is optional
+			if (reader.readTuple(tuple) == 4) { // split is optional
 				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
 
-				if (reader.readTuple(tuple) == 4) { &#x2F;&#x2F; pad is optional, but only present with splits
+				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
 					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
 
 					reader.readTuple(tuple);
@@ -1461,14 +1499,14 @@ spine.Atlas.prototype = {
 		for (var i = 0, n = regions.length; i &lt; n; i++) {
 			var region = regions[i];
 			if (region.page != page) continue;
-			region.u = region.x &#x2F; page.width;
-			region.v = region.y &#x2F; page.height;
+			region.u = region.x / page.width;
+			region.v = region.y / page.height;
 			if (region.rotate) {
-				region.u2 = (region.x + region.height) &#x2F; page.width;
-				region.v2 = (region.y + region.width) &#x2F; page.height;
+				region.u2 = (region.x + region.height) / page.width;
+				region.v2 = (region.y + region.width) / page.height;
 			} else {
-				region.u2 = (region.x + region.width) &#x2F; page.width;
-				region.v2 = (region.y + region.height) &#x2F; page.height;
+				region.u2 = (region.x + region.width) / page.width;
+				region.v2 = (region.y + region.height) / page.height;
 			}
 		}
 	}
@@ -1529,12 +1567,12 @@ spine.AtlasRegion.prototype = {
 };
 
 spine.AtlasReader = function (text) {
-	this.lines = text.split(&#x2F;\r\n|\r|\n&#x2F;);
+	this.lines = text.split(/\r\n|\r|\n/);
 };
 spine.AtlasReader.prototype = {
 	index: 0,
 	trim: function (value) {
-		return value.replace(&#x2F;^\s+|\s+$&#x2F;g, &quot;&quot;);
+		return value.replace(/^\s+|\s+$/g, &quot;&quot;);
 	},
 	readLine: function () {
 		if (this.index &gt;= this.lines.length) return null;
@@ -1546,7 +1584,7 @@ spine.AtlasReader.prototype = {
 		if (colon == -1) throw &quot;Invalid line: &quot; + line;
 		return this.trim(line.substring(colon + 1));
 	},
-	&#x2F;** Returns the number of tuple values read (2 or 4). *&#x2F;
+	/** Returns the number of tuple values read (2 or 4). */
 	readTuple: function (tuple) {
 		var line = this.readLine();
 		var colon = line.indexOf(&quot;:&quot;);
@@ -1602,13 +1640,13 @@ spine.Bone.yDown = true;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_extras_Strip.js.html b/docs/files/src_pixi_extras_Strip.js.html
index 1d6a08d..797626b 100644
--- a/docs/files/src_pixi_extras_Strip.js.html
+++ b/docs/files/src_pixi_extras_Strip.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;extras&#x2F;Strip.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/extras/Strip.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,33 +166,33 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;extras&#x2F;Strip.js</h1>
+                        <h1 class="file-heading">File: src/pixi/extras/Strip.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/
+ */
 
 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)
@@ -176,28 +200,28 @@ PIXI.Strip = function(texture, width, height)
 		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!
+
+	// load the texture!
 	if(texture.baseTexture.hasLoaded)
 	{
 		this.width   = this.texture.frame.width;
@@ -209,20 +233,20 @@ PIXI.Strip = function(texture, width, height)
 		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;
+// constructor
 PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+PIXI.Strip.prototype.constructor = PIXI.Strip;
 
 PIXI.Strip.prototype.setTexture = function(texture)
 {
-	&#x2F;&#x2F;TODO SET THE TEXTURES
-	&#x2F;&#x2F;TODO VISIBILITY
-	
-	&#x2F;&#x2F; stop current texture 
+	//TODO SET THE TEXTURES
+	//TODO VISIBILITY
+
+	// stop current texture
 	this.texture = texture;
 	this.width   = texture.frame.width;
 	this.height  = texture.frame.height;
@@ -233,7 +257,7 @@ PIXI.Strip.prototype.onTextureUpdate = function(event)
 {
 	this.updateFrame = true;
 }
-&#x2F;&#x2F; some helper functions..
+// some helper functions..
 
 
     </pre>
@@ -245,13 +269,13 @@ PIXI.Strip.prototype.onTextureUpdate = function(event)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_extras_TilingSprite.js.html b/docs/files/src_pixi_extras_TilingSprite.js.html
index e840d1d..29d6e4c 100644
--- a/docs/files/src_pixi_extras_TilingSprite.js.html
+++ b/docs/files/src_pixi_extras_TilingSprite.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/extras/TilingSprite.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,61 +166,100 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js</h1>
+                        <h1 class="file-heading">File: src/pixi/extras/TilingSprite.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F;
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/
+ */
 
-&#x2F;**
+/**
  * A tiling sprite is a fast way of rendering a tiling image
+ *
  * @class TilingSprite
  * @extends DisplayObjectContainer
  * @constructor
  * @param texture {Texture} the texture of the tiling sprite
  * @param width {Number}  the width of the tiling sprite
  * @param height {Number} the height of the tiling sprite
- *&#x2F;
+ */
 PIXI.TilingSprite = function(texture, width, height)
 {
 	PIXI.DisplayObjectContainer.call( this );
-	
+
+	/**
+	 * The texture that the sprite is using
+	 *
+	 * @property texture
+	 * @type Texture
+	 */
 	this.texture = texture;
+
+	/**
+	 * The width of the tiling sprite
+	 *
+	 * @property width
+	 * @type Number
+	 */
 	this.width = width;
+
+	/**
+	 * The height of the tiling sprite
+	 *
+	 * @property height
+	 * @type Number
+	 */
 	this.height = height;
-	this.renderable = true;
-	&#x2F;**
+
+	/**
 	 * The scaling of the image that is being tiled
+	 *
 	 * @property tileScale
 	 * @type Point
-	 *&#x2F;	
+	 */
 	this.tileScale = new PIXI.Point(1,1);
-	&#x2F;**
+
+	/**
 	 * The offset position of the image that is being tiled
+	 *
 	 * @property tilePosition
 	 * @type Point
-	 *&#x2F;	
+	 */
 	this.tilePosition = new PIXI.Point(0,0);
-	
+
+	this.renderable = true;
+
 	this.blendMode = PIXI.blendModes.NORMAL
 }
 
-&#x2F;&#x2F; constructor
-PIXI.TilingSprite.constructor = PIXI.TilingSprite;
+// constructor
 PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
 
+/**
+ * Sets the texture of the tiling sprite
+ *
+ * @method setTexture
+ * @param texture {Texture} The PIXI texture that is displayed by the sprite
+ */
 PIXI.TilingSprite.prototype.setTexture = function(texture)
 {
-	&#x2F;&#x2F;TODO SET THE TEXTURES
-	&#x2F;&#x2F;TODO VISIBILITY
-	
-	&#x2F;&#x2F; stop current texture 
+	//TODO SET THE TEXTURES
+	//TODO VISIBILITY
+
+	// stop current texture
 	this.texture = texture;
 	this.updateFrame = true;
 }
 
+/**
+ * When the texture is updated, this event will fire to update the frame
+ *
+ * @method onTextureUpdate
+ * @param event
+ * @private
+ */
 PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
 {
 	this.updateFrame = true;
@@ -212,13 +275,13 @@ PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_filters_AbstractFilter.js.html b/docs/files/src_pixi_filters_AbstractFilter.js.html
new file mode 100644
index 0000000..df61c41
--- /dev/null
+++ b/docs/files/src_pixi_filters_AbstractFilter.js.html
@@ -0,0 +1,229 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/AbstractFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/AbstractFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * This is the base class for  creating a pixi.js filter. Currently only webGL supports filters.
+ * If you want to make a custom filter this should be your base class.
+ * @class AbstractFilter
+ * @constructor
+ * @param fragmentSrc
+ * @param unifroms  
+ */
+PIXI.AbstractFilter = function(fragmentSrc, unifroms)
+{
+	/**
+	* An array of passes - some filters contain a few steps this array simply stores the steps in a liniear fashion.
+	* For example the blur filter has two passes blurX and blurY.
+	* @property passes
+	* @type Array an array of filter objects
+	* @private
+	*/
+	this.passes = [this];
+
+
+	this.dirty = true;
+	this.padding = 0;
+
+	/**
+	@property uniforms
+	@private
+	*/
+	this.uniforms = unifroms || {};
+	
+	this.fragmentSrc = fragmentSrc || [];
+}
+
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_BlurFilter.js.html b/docs/files/src_pixi_filters_BlurFilter.js.html
new file mode 100644
index 0000000..d0ce50e
--- /dev/null
+++ b/docs/files/src_pixi_filters_BlurFilter.js.html
@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/BlurFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/BlurFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * The BlurFilter applies a Gaussian blur to an object. 
+ * The strength of the blur can be set for x- and y-axis separately (always relative to the stage).
+ *
+ * @class BlurFilter
+ * @contructor
+ */
+PIXI.BlurFilter = function()
+{
+    
+	this.blurXFilter = new PIXI.BlurXFilter();
+	this.blurYFilter = new PIXI.BlurYFilter();
+
+	this.passes =[this.blurXFilter, this.blurYFilter];
+	
+}
+
+/**
+ * Sets the strength of both the blurX and blurY properties simultaneously
+ *
+ * @property blur
+ * @type Number the strength of the blur
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, &#x27;blur&#x27;, {
+    get: function() {
+        return this.blurX.blur;
+    },
+    set: function(value) {
+  		this.blurXFilter.blur = this.blurYFilter.blur = value;
+    }
+});
+
+/**
+ * Sets the strength of the blurX property simultaneously
+ *
+ * @property blurX
+ * @type Number the strength of the blurX
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, &#x27;blurX&#x27;, {
+    get: function() {
+        return this.blurXFilter.blur;
+    },
+    set: function(value) {
+    	this.blurXFilter.blur = value;
+    }
+});
+
+/**
+ * Sets the strength of the blurX property simultaneously
+ *
+ * @property blurY
+ * @type Number the strength of the blurY
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, &#x27;blurY&#x27;, {
+    get: function() {
+        return this.blurYFilter.blur;
+    },
+    set: function(value) {
+    	this.blurYFilter.blur = value;
+    }
+});
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_BlurXFilter.js.html b/docs/files/src_pixi_filters_BlurXFilter.js.html
new file mode 100644
index 0000000..52ea9a5
--- /dev/null
+++ b/docs/files/src_pixi_filters_BlurXFilter.js.html
@@ -0,0 +1,248 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/BlurXFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/BlurXFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.BlurXFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: &#x27;f&#x27;, value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform float blur;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	    &quot;void main(void) {&quot;,
+	  	&quot;vec4 sum = vec4(0.0);&quot;,
+
+	  	&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - 4.0*blur, vTextureCoord.y)) * 0.05;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - 3.0*blur, vTextureCoord.y)) * 0.09;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - 2.0*blur, vTextureCoord.y)) * 0.12;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - blur, vTextureCoord.y)) * 0.15;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + blur, vTextureCoord.y)) * 0.15;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + 2.0*blur, vTextureCoord.y)) * 0.12;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + 3.0*blur, vTextureCoord.y)) * 0.09;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + 4.0*blur, vTextureCoord.y)) * 0.05;&quot;,
+	 
+		&quot;gl_FragColor = sum;&quot;,
+
+	  &quot;}&quot;
+	];
+}
+
+PIXI.BlurXFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.BlurXFilter.prototype.constructor = PIXI.BlurXFilter;
+
+
+Object.defineProperty(PIXI.BlurXFilter.prototype, &#x27;blur&#x27;, {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    
+    	this.dirty = true;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_BlurYFilter.js.html b/docs/files/src_pixi_filters_BlurYFilter.js.html
new file mode 100644
index 0000000..3d09e8c
--- /dev/null
+++ b/docs/files/src_pixi_filters_BlurYFilter.js.html
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/BlurYFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/BlurYFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.BlurYFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: &#x27;f&#x27;, value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform float blur;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	    &quot;void main(void) {&quot;,
+	  	&quot;vec4 sum = vec4(0.0);&quot;,
+
+	  	&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 4.0*blur)) * 0.05;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 3.0*blur)) * 0.09;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 2.0*blur)) * 0.12;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - blur)) * 0.15;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + blur)) * 0.15;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 2.0*blur)) * 0.12;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 3.0*blur)) * 0.09;&quot;,
+	    &quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 4.0*blur)) * 0.05;&quot;,
+	 
+		&quot;gl_FragColor = sum;&quot;,
+
+	  &quot;}&quot;
+	];
+}
+
+PIXI.BlurYFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.BlurYFilter.prototype.constructor = PIXI.BlurYFilter;
+
+Object.defineProperty(PIXI.BlurYFilter.prototype, &#x27;blur&#x27;, {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    	//this.padding = value;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_ColorMatrixFilter.js.html b/docs/files/src_pixi_filters_ColorMatrixFilter.js.html
new file mode 100644
index 0000000..8156285
--- /dev/null
+++ b/docs/files/src_pixi_filters_ColorMatrixFilter.js.html
@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/ColorMatrixFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/ColorMatrixFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * The ColorMatrixFilter class lets you apply a 4x4 matrix transformation on the RGBA 
+ * color and alpha values of every pixel on your displayObject to produce a result 
+ * with a new set of RGBA color and alpha values. Its pretty powerful!
+ * @class ColorMatrixFilter
+ * @contructor
+ */
+PIXI.ColorMatrixFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		matrix: {type: &#x27;mat4&#x27;, value: [1,0,0,0,
+									   0,1,0,0,
+									   0,0,1,0,
+									   0,0,0,1]},
+	};
+	
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform float invert;&quot;,
+	  &quot;uniform mat4 matrix;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	  &quot;void main(void) {&quot;,
+	    &quot;gl_FragColor = texture2D(uSampler, vTextureCoord) * matrix;&quot;,
+	    &quot;gl_FragColor = gl_FragColor * vColor;&quot;,
+	  &quot;}&quot;
+	];
+	
+}
+
+PIXI.ColorMatrixFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.ColorMatrixFilter.prototype.constructor = PIXI.ColorMatrixFilter;
+
+/**
+ * Sets the matrix of the color matrix filter
+ *
+ * @property matrix
+ * @type Array and array of 26 numbers
+ * @default [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]
+ */
+Object.defineProperty(PIXI.ColorMatrixFilter.prototype, &#x27;matrix&#x27;, {
+    get: function() {
+        return this.uniforms.matrix.value;
+    },
+    set: function(value) {
+    	this.uniforms.matrix.value = value;
+    }
+});
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_DisplacementFilter.js.html b/docs/files/src_pixi_filters_DisplacementFilter.js.html
new file mode 100644
index 0000000..91d269c
--- /dev/null
+++ b/docs/files/src_pixi_filters_DisplacementFilter.js.html
@@ -0,0 +1,326 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/DisplacementFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/DisplacementFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * The DisplacementFilter class uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object. 
+ * You can use this filter to apply all manor of crazy warping effects
+ * Currently the r property of the texture is used offset the x and the g propery of the texture is used to offset the y.
+ * @class DisplacementFilter
+ * @contructor
+ * @param texture {Texture} The texture used for the displacemtent map * must be power of 2 texture at the moment
+ */
+PIXI.DisplacementFilter = function(texture)
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	texture.baseTexture._powerOf2 = true;
+
+	// set the uniforms
+	//console.log()
+	this.uniforms = {
+		displacementMap: {type: &#x27;sampler2D&#x27;, value:texture},
+		scale:			 {type: &#x27;f2&#x27;, value:{x:30, y:30}},
+		offset:			 {type: &#x27;f2&#x27;, value:{x:0, y:0}},
+		mapDimensions:   {type: &#x27;f2&#x27;, value:{x:1, y:5112}},
+		dimensions:   {type: &#x27;f4&#x27;, value:[0,0,0,0]}
+	};
+	
+
+	if(texture.baseTexture.hasLoaded)
+	{
+		this.uniforms.mapDimensions.value.x = texture.width;
+		this.uniforms.mapDimensions.value.y = texture.height;
+	}
+	else
+	{
+		this.boundLoadedFunction = this.onTextureLoaded.bind(this);
+
+		texture.baseTexture.on(&quot;loaded&quot;, this.boundLoadedFunction);
+	}
+
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform sampler2D displacementMap;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	  &quot;uniform vec2 scale;&quot;,
+	  &quot;uniform vec2 offset;&quot;,
+	  &quot;uniform vec4 dimensions;&quot;,
+	  &quot;uniform vec2 mapDimensions;&quot;,// = vec2(256.0, 256.0);&quot;,
+	 // &quot;const vec2 textureDimensions = vec2(750.0, 750.0);&quot;,
+	  
+	  &quot;void main(void) {&quot;,
+	  	&quot;vec2 mapCords = vTextureCoord.xy;&quot;,
+//	  	&quot;mapCords -= ;&quot;,
+	 	&quot;mapCords += (dimensions.zw + offset)/ dimensions.xy ;&quot;,
+	 	&quot;mapCords.y *= -1.0;&quot;,
+	 	&quot;mapCords.y += 1.0;&quot;,
+	  	&quot;vec2 matSample = texture2D(displacementMap, mapCords).xy;&quot;,
+		&quot;matSample -= 0.5;&quot;,	  
+	 	&quot;matSample *= scale;&quot;,
+	 	&quot;matSample /= mapDimensions;&quot;,
+	    &quot;gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x + matSample.x, vTextureCoord.y + matSample.y));&quot;,
+		&quot;gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb, 1.0);&quot;,
+		&quot;vec2 cord = vTextureCoord;&quot;,
+		
+		//&quot;gl_FragColor =  texture2D(displacementMap, cord);&quot;,
+	    &quot;gl_FragColor = gl_FragColor * vColor;&quot;,
+	    
+	  &quot;}&quot;
+	];
+	
+}
+
+PIXI.DisplacementFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.DisplacementFilter.prototype.constructor = PIXI.DisplacementFilter;
+
+PIXI.DisplacementFilter.prototype.onTextureLoaded = function()
+{
+	
+	this.uniforms.mapDimensions.value.x = this.uniforms.displacementMap.value.width;
+	this.uniforms.mapDimensions.value.y = this.uniforms.displacementMap.value.height;
+
+	this.uniforms.displacementMap.value.baseTexture.off(&quot;loaded&quot;, this.boundLoadedFunction)
+
+}
+
+/**
+ * The texture used for the displacemtent map * must be power of 2 texture at the moment
+ *
+ * @property map
+ * @type Texture
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, &#x27;map&#x27;, {
+    get: function() {
+        return this.uniforms.displacementMap.value;
+    },
+    set: function(value) {
+    	this.uniforms.displacementMap.value = value;
+    }
+});
+
+/**
+ * The multiplier used to scale the displacement result from the map calculation.
+ *
+ * @property scale
+ * @type Point
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, &#x27;scale&#x27;, {
+    get: function() {
+        return this.uniforms.scale.value;
+    },
+    set: function(value) {
+    	this.uniforms.scale.value = value;
+    }
+});
+
+/**
+ * The offset used to move the displacement map.
+ *
+ * @property offset
+ * @type Point
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, &#x27;offset&#x27;, {
+    get: function() {
+        return this.uniforms.offset.value;
+    },
+    set: function(value) {
+    	this.uniforms.offset.value = value;
+    }
+});
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_FilterBlock.js.html b/docs/files/src_pixi_filters_FilterBlock.js.html
index 080a44f..3491921 100644
--- a/docs/files/src_pixi_filters_FilterBlock.js.html
+++ b/docs/files/src_pixi_filters_FilterBlock.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;filters&#x2F;FilterBlock.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/filters/FilterBlock.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,24 +166,21 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;filters&#x2F;FilterBlock.js</h1>
+                        <h1 class="file-heading">File: src/pixi/filters/FilterBlock.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 
 
-PIXI.FilterBlock = function(mask)
+PIXI.FilterBlock = function()
 {
-	this.graphics = mask
 	this.visible = true;
 	this.renderable = true;
 }
-
-
     </pre>
 </div>
 
@@ -169,13 +190,13 @@ PIXI.FilterBlock = function(mask)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_filters_GreyFilter.js.html b/docs/files/src_pixi_filters_GreyFilter.js.html
new file mode 100644
index 0000000..45eae1e
--- /dev/null
+++ b/docs/files/src_pixi_filters_GreyFilter.js.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/GreyFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/GreyFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This turns your displayObjects to black and white.
+ * @class GreyFilter
+ * @contructor
+ */
+PIXI.GreyFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		grey: {type: &#x27;f&#x27;, value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	  &quot;uniform float grey;&quot;,
+	  &quot;void main(void) {&quot;,
+	    &quot;gl_FragColor = texture2D(uSampler, vTextureCoord);&quot;,
+		&quot;gl_FragColor.rgb = mix(gl_FragColor.rgb, vec3(0.2126*gl_FragColor.r + 0.7152*gl_FragColor.g + 0.0722*gl_FragColor.b), grey);&quot;,
+	    &quot;gl_FragColor = gl_FragColor * vColor;&quot;,
+	  &quot;}&quot;
+	];
+}
+
+PIXI.GreyFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.GreyFilter.prototype.constructor = PIXI.GreyFilter;
+
+/**
+The strength of the grey. 1 will make the object black and white, 0 will make the object its normal color
+@property grey
+*/
+Object.defineProperty(PIXI.GreyFilter.prototype, &#x27;grey&#x27;, {
+    get: function() {
+        return this.uniforms.grey.value;
+    },
+    set: function(value) {
+    	this.uniforms.grey.value = value;
+    }
+});
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_InvertFilter.js.html b/docs/files/src_pixi_filters_InvertFilter.js.html
new file mode 100644
index 0000000..a9b6382
--- /dev/null
+++ b/docs/files/src_pixi_filters_InvertFilter.js.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/InvertFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/InvertFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This inverts your displayObjects colors.
+ * @class InvertFilter
+ * @contructor
+ */
+PIXI.InvertFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		invert: {type: &#x27;f&#x27;, value: 0},
+	};
+	
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform float invert;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	  &quot;void main(void) {&quot;,
+	    &quot;gl_FragColor = texture2D(uSampler, vTextureCoord);&quot;,
+		&quot;gl_FragColor.rgb = mix( (vec3(1)-gl_FragColor.rgb) * gl_FragColor.a, gl_FragColor.rgb, invert);&quot;,
+		//&quot;gl_FragColor.rgb = gl_FragColor.rgb  * gl_FragColor.a;&quot;,
+	    &quot;gl_FragColor = gl_FragColor * vColor;&quot;,
+	  &quot;}&quot;
+	];
+	
+}
+
+PIXI.InvertFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.InvertFilter.prototype.constructor = PIXI.InvertFilter;
+
+/**
+The strength of the invert. 1 will fully invert the colors, 0 will make the object its normal color
+@property invert
+*/
+Object.defineProperty(PIXI.InvertFilter.prototype, &#x27;invert&#x27;, {
+    get: function() {
+        return this.uniforms.invert.value;
+    },
+    set: function(value) {
+    	this.uniforms.invert.value = value;
+    }
+});
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_MaskFilter.js.html b/docs/files/src_pixi_filters_MaskFilter.js.html
deleted file mode 100644
index 0df8008..0000000
--- a/docs/files/src_pixi_filters_MaskFilter.js.html
+++ /dev/null
@@ -1,180 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;filters&#x2F;MaskFilter.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#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="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
-            
-        </div>
-        <div class="yui3-u-1-4 version">
-            <em>API Docs for: 1.3.0</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/BitmapFontLoader.html">BitmapFontLoader</a></li>
-            
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
-            
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
-            
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
-            
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
-            
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</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/Ellipse.html">Ellipse</a></li>
-            
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
-            
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
-            
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
-            
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
-            
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</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/Polygon.html">Polygon</a></li>
-            
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
-            
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
-            
-                <li><a href="..&#x2F;classes/Spine.html">Spine</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/Text.html">Text</a></li>
-            
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
-            
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</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: src&#x2F;pixi&#x2F;filters&#x2F;MaskFilter.js</h1>
-
-<div class="file">
-    <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
-
-
-
-PIXI.MaskFilter = function(graphics)
-{
-	&#x2F;&#x2F; the graphics data that will be used for filtering
-	this.graphics;
-}
-
-
-    </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/src_pixi_filters_PixelateFilter.js.html b/docs/files/src_pixi_filters_PixelateFilter.js.html
new file mode 100644
index 0000000..84a51c4
--- /dev/null
+++ b/docs/files/src_pixi_filters_PixelateFilter.js.html
@@ -0,0 +1,255 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/PixelateFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/PixelateFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This filter applies a pixlate effect making display objects appear &quot;blocky&quot;
+ * @class PixelateFilter
+ * @contructor
+ */
+PIXI.PixelateFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		invert: {type: &#x27;f&#x27;, value: 0},
+		dimensions: {type: &#x27;f4&#x27;, value:new Float32Array([10000, 100, 10, 10])},
+		pixelSize: {type: &#x27;f2&#x27;, value:{x:10, y:10}},
+	};
+
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform vec2 testDim;&quot;,
+	  &quot;uniform vec4 dimensions;&quot;,
+	  &quot;uniform vec2 pixelSize;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	  &quot;void main(void) {&quot;,
+	 	&quot;vec2 coord = vTextureCoord;&quot;,
+
+	 //	&quot;vec2 dim = testDim;&quot;,
+	 	&quot;vec2 size = dimensions.xy/pixelSize;&quot;,
+
+	 	&quot;vec2 color = floor( ( vTextureCoord * size ) ) / size + pixelSize/dimensions.xy * 0.5;&quot;,
+	// 	&quot;color += (mod(dimensions.xy, size)/dimensions.zw;&quot;,
+	    &quot;gl_FragColor = texture2D(uSampler, color);&quot;,
+	  &quot;}&quot;
+	];
+	
+
+}
+
+PIXI.PixelateFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.PixelateFilter.prototype.constructor = PIXI.PixelateFilter;
+
+/**
+ * 
+ * This a point that describes the size of the blocs. x is the width of the block and y is the the height
+ * @property size
+ * @type Point
+ */
+Object.defineProperty(PIXI.PixelateFilter.prototype, &#x27;size&#x27;, {
+    get: function() {
+        return this.uniforms.pixelSize.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.pixelSize.value = value;
+    }
+});
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_SepiaFilter.js.html b/docs/files/src_pixi_filters_SepiaFilter.js.html
new file mode 100644
index 0000000..3571a8c
--- /dev/null
+++ b/docs/files/src_pixi_filters_SepiaFilter.js.html
@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/SepiaFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/SepiaFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This applies a sepia effect to your displayObjects.
+ * @class SepiaFilter
+ * @contructor
+ */
+PIXI.SepiaFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		sepia: {type: &#x27;f&#x27;, value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+	  &quot;varying vec2 vTextureCoord;&quot;,
+	  &quot;varying float vColor;&quot;,
+	  &quot;uniform float sepia;&quot;,
+	  &quot;uniform sampler2D uSampler;&quot;,
+	 	   
+	  &quot;const mat3 sepiaMatrix = mat3(0.3588, 0.7044, 0.1368, 0.2990, 0.5870, 0.1140, 0.2392, 0.4696, 0.0912);&quot;,
+	  &quot;void main(void) {&quot;,
+	    &quot;gl_FragColor = texture2D(uSampler, vTextureCoord);&quot;,
+		&quot;gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb * sepiaMatrix, sepia);&quot;,
+	    &quot;gl_FragColor = gl_FragColor * vColor;&quot;,
+	  &quot;}&quot;
+	];
+	
+}
+
+PIXI.SepiaFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.SepiaFilter.prototype.constructor = PIXI.SepiaFilter;
+
+/**
+The strength of the sepia. 1 will apply the full sepia effect, 0 will make the object its normal color
+@property sepia
+*/
+Object.defineProperty(PIXI.SepiaFilter.prototype, &#x27;sepia&#x27;, {
+    get: function() {
+        return this.uniforms.sepia.value;
+    },
+    set: function(value) {
+    	this.uniforms.sepia.value = value;
+    }
+});
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_filters_SmartBlurFilter.js.html b/docs/files/src_pixi_filters_SmartBlurFilter.js.html
new file mode 100644
index 0000000..80af498
--- /dev/null
+++ b/docs/files/src_pixi_filters_SmartBlurFilter.js.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/filters/SmartBlurFilter.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/filters/SmartBlurFilter.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.SmartBlurFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: &#x27;f&#x27;, value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  &quot;precision mediump float;&quot;,
+ 	  &quot;varying vec2 vTextureCoord;&quot;,
+  	  &quot;uniform sampler2D uSampler;&quot;,
+    //  &quot;uniform vec2 delta;&quot;,
+      &quot;const vec2 delta = vec2(1.0/10.0, 0.0);&quot;,
+     // &quot;uniform float darkness;&quot;,
+	  
+	  &quot;float random(vec3 scale, float seed) {&quot;,
+	        &quot;return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);&quot;,
+	   &quot;}&quot;,
+	   
+	   
+	  &quot;void main(void) {&quot;,
+	 
+	  &quot;vec4 color = vec4(0.0);&quot;,
+	  &quot;float total = 0.0;&quot;,
+	  
+	  &quot;float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);&quot;,
+	            
+	  &quot;for (float t = -30.0; t &lt;= 30.0; t++) {&quot;,
+	           &quot;float percent = (t + offset - 0.5) / 30.0;&quot;,
+	                &quot;float weight = 1.0 - abs(percent);&quot;,
+	                &quot;vec4 sample = texture2D(uSampler, vTextureCoord + delta * percent);&quot;,
+	                &quot;sample.rgb *= sample.a;&quot;,
+	                &quot;color += sample * weight;&quot;,
+	                &quot;total += weight;&quot;,
+	            &quot;}&quot;,
+	            
+	            &quot;gl_FragColor = color / total;&quot;,
+	            &quot;gl_FragColor.rgb /= gl_FragColor.a + 0.00001;&quot;,
+	          //  &quot;gl_FragColor.rgb *= darkness;&quot;,
+	  &quot;}&quot;
+	];
+}
+
+PIXI.SmartBlurFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.SmartBlurFilter.prototype.constructor = PIXI.SmartBlurFilter;
+
+Object.defineProperty(PIXI.SmartBlurFilter.prototype, &#x27;blur&#x27;, {
+    get: function() {
+        return this.uniforms.blur.value;
+    },
+    set: function(value) {
+    	this.uniforms.blur.value = value;
+    }
+});
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_loaders_AssetLoader.js.html b/docs/files/src_pixi_loaders_AssetLoader.js.html
index a752143..c7cbe8c 100644
--- a/docs/files/src_pixi_loaders_AssetLoader.js.html
+++ b/docs/files/src_pixi_loaders_AssetLoader.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/loaders/AssetLoader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,36 +166,56 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js</h1>
+                        <h1 class="file-heading">File: src/pixi/loaders/AssetLoader.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
- * A Class that loads a bunch of images &#x2F; sprite sheet &#x2F; bitmap font files. Once the assets have been loaded they are added to the PIXI Texture cache and can be accessed easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
+/**
+ * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
+ * assets have been loaded they are added to the PIXI Texture cache and can be accessed
+ * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
  * When all items have been loaded this class will dispatch a &quot;onLoaded&quot; event
  * As each individual item is loaded this class will dispatch a &quot;onProgress&quot; event
+ *
  * @class AssetLoader
  * @constructor
- * @extends EventTarget
- * @param {Array} assetURLs 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. Supported bitmap font data formats include &quot;xml&quot; and &quot;fnt&quot;.
- *&#x2F;
-PIXI.AssetLoader = function(assetURLs)
+ * @uses EventTarget
+ * @param {Array&lt;String&gt;} assetURLs an array of image/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. Supported bitmap font
+ *      data formats include &quot;xml&quot; and &quot;fnt&quot;.
+ * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
+ */
+PIXI.AssetLoader = function(assetURLs, crossorigin)
 {
 	PIXI.EventTarget.call(this);
-	
-	&#x2F;**
+
+	/**
 	 * The array of asset URLs that are going to be loaded
+     *
 	 * @property assetURLs
-	 * @type Array
-	 *&#x2F;
+	 * @type Array&lt;String&gt;
+	 */
 	this.assetURLs = assetURLs;
 
-	this.crossorigin = false;
+    /**
+     * Whether the requests should be treated as cross origin
+     *
+     * @property crossorigin
+     * @type Boolean
+     */
+	this.crossorigin = crossorigin;
 
+    /**
+     * Maps file extension to loader types
+     *
+     * @property loadersByType
+     * @type Object
+     */
     this.loadersByType = {
         &quot;jpg&quot;:  PIXI.ImageLoader,
         &quot;jpeg&quot;: PIXI.ImageLoader,
@@ -182,26 +226,28 @@ PIXI.AssetLoader = function(assetURLs)
         &quot;xml&quot;:  PIXI.BitmapFontLoader,
         &quot;fnt&quot;:  PIXI.BitmapFontLoader
     };
-    
-    
+
+
 };
 
-&#x2F;**
-Fired when an item has loaded
-@event onProgress
-**&#x2F;
+/**
+ * Fired when an item has loaded
+ * @event onProgress
+ */
 
-&#x2F;**
-Fired when all the assets have loaded
-@event onComplete 
-**&#x2F;
+/**
+ * Fired when all the assets have loaded
+ * @event onComplete
+ */
 
-&#x2F;&#x2F; constructor
-PIXI.AssetLoader.constructor = PIXI.AssetLoader;
+// constructor
+PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
 
-&#x2F;**
- * This will begin loading the assets sequentially
- *&#x2F;
+/**
+ * Starts loading the assets sequentially
+ *
+ * @method load
+ */
 PIXI.AssetLoader.prototype.load = function()
 {
     var scope = this;
@@ -227,16 +273,18 @@ PIXI.AssetLoader.prototype.load = function()
 	}
 };
 
-&#x2F;**
+/**
  * Invoked after each file is loaded
+ *
+ * @method onAssetLoaded
  * @private
- *&#x2F;
+ */
 PIXI.AssetLoader.prototype.onAssetLoaded = function()
 {
     this.loadCount--;
 	this.dispatchEvent({type: &quot;onProgress&quot;, content: this});
 	if(this.onProgress) this.onProgress();
-	
+
 	if(this.loadCount == 0)
 	{
 		this.dispatchEvent({type: &quot;onComplete&quot;, content: this});
@@ -254,13 +302,13 @@ PIXI.AssetLoader.prototype.onAssetLoaded = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_loaders_BitmapFontLoader.js.html b/docs/files/src_pixi_loaders_BitmapFontLoader.js.html
index 0bc6eef..5e9e825 100644
--- a/docs/files/src_pixi_loaders_BitmapFontLoader.js.html
+++ b/docs/files/src_pixi_loaders_BitmapFontLoader.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/loaders/BitmapFontLoader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,46 +166,77 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;loaders&#x2F;BitmapFontLoader.js</h1>
+                        <h1 class="file-heading">File: src/pixi/loaders/BitmapFontLoader.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
+/**
  * The xml loader is used to load in XML bitmap font data (&quot;xml&quot; or &quot;fnt&quot;)
- * To generate the data you can use http:&#x2F;&#x2F;www.angelcode.com&#x2F;products&#x2F;bmfont&#x2F;
+ * To generate the data you can use http://www.angelcode.com/products/bmfont/
  * This loader will also load the image file as the data.
  * When loaded this class will dispatch a &quot;loaded&quot; event
+ *
  * @class BitmapFontLoader
- * @extends EventTarget
+ * @uses EventTarget
  * @constructor
- * @param {String} url the url of the sprite sheet JSON file
- * @param {Boolean} crossorigin
- *&#x2F;
-
+ * @param url {String} The url of the sprite sheet JSON file
+ * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
+ */
 PIXI.BitmapFontLoader = function(url, crossorigin)
 {
-    &#x2F;*
+    /*
      * i use texture packer to load the assets..
-     * http:&#x2F;&#x2F;www.codeandweb.com&#x2F;texturepacker
+     * http://www.codeandweb.com/texturepacker
      * make sure to set the format as &quot;JSON&quot;
-     *&#x2F;
+     */
     PIXI.EventTarget.call(this);
+
+    /**
+     * The url of the bitmap font data
+     *
+     * @property url
+     * @type String
+     */
     this.url = url;
-    this.baseUrl = url.replace(&#x2F;[^\&#x2F;]*$&#x2F;, &quot;&quot;);
-    this.texture = null;
+
+    /**
+     * Whether the requests should be treated as cross origin
+     *
+     * @property crossorigin
+     * @type Boolean
+     */
     this.crossorigin = crossorigin;
+
+    /**
+     * [read-only] The base url of the bitmap font data
+     *
+     * @property baseUrl
+     * @type String
+     * @readOnly
+     */
+    this.baseUrl = url.replace(/[^\/]*$/, &quot;&quot;);
+
+    /**
+     * [read-only] The texture of the bitmap font
+     *
+     * @property baseUrl
+     * @type String
+     */
+    this.texture = null;
 };
 
-&#x2F;&#x2F; constructor
-PIXI.BitmapFontLoader.constructor = PIXI.BitmapFontLoader;
+// constructor
+PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
 
-&#x2F;**
- * This will begin loading the JSON file
- *&#x2F;
+/**
+ * Loads the XML font data
+ *
+ * @method load
+ */
 PIXI.BitmapFontLoader.prototype.load = function()
 {
     this.ajaxRequest = new XMLHttpRequest();
@@ -192,14 +247,16 @@ PIXI.BitmapFontLoader.prototype.load = function()
     };
 
     this.ajaxRequest.open(&quot;GET&quot;, this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType(&quot;application&#x2F;xml&quot;);
+    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType(&quot;application/xml&quot;);
     this.ajaxRequest.send(null)
 };
 
-&#x2F;**
- * Invoked when XML file is loaded
+/**
+ * Invoked when XML file is loaded, parses the data
+ *
+ * @method onXMLLoaded
  * @private
- *&#x2F;
+ */
 PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
 {
     if (this.ajaxRequest.readyState == 4)
@@ -218,32 +275,31 @@ PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
             data.lineHeight = parseInt(common.attributes.getNamedItem(&quot;lineHeight&quot;).nodeValue, 10);
             data.chars = {};
 
-            &#x2F;&#x2F;parse letters
+            //parse letters
             var letters = this.ajaxRequest.responseXML.getElementsByTagName(&quot;char&quot;);
 
             for (var i = 0; i &lt; letters.length; i++)
             {
                 var charCode = parseInt(letters[i].attributes.getNamedItem(&quot;id&quot;).nodeValue, 10);
 
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem(&quot;x&quot;).nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem(&quot;y&quot;).nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem(&quot;width&quot;).nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem(&quot;height&quot;).nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
+                var textureRect = new PIXI.Rectangle(
+                    parseInt(letters[i].attributes.getNamedItem(&quot;x&quot;).nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem(&quot;y&quot;).nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem(&quot;width&quot;).nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem(&quot;height&quot;).nodeValue, 10)
+                );
 
                 data.chars[charCode] = {
                     xOffset: parseInt(letters[i].attributes.getNamedItem(&quot;xoffset&quot;).nodeValue, 10),
                     yOffset: parseInt(letters[i].attributes.getNamedItem(&quot;yoffset&quot;).nodeValue, 10),
                     xAdvance: parseInt(letters[i].attributes.getNamedItem(&quot;xadvance&quot;).nodeValue, 10),
                     kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
+                    texture: PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect)
 
                 };
             }
 
-            &#x2F;&#x2F;parse kernings
+            //parse kernings
             var kernings = this.ajaxRequest.responseXML.getElementsByTagName(&quot;kerning&quot;);
             for (i = 0; i &lt; kernings.length; i++)
             {
@@ -266,10 +322,12 @@ PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
     }
 };
 
-&#x2F;**
- * Invoked when all files are loaded (xml&#x2F;fnt and texture)
+/**
+ * Invoked when all files are loaded (xml/fnt and texture)
+ *
+ * @method onLoaded
  * @private
- *&#x2F;
+ */
 PIXI.BitmapFontLoader.prototype.onLoaded = function()
 {
     this.dispatchEvent({type: &quot;loaded&quot;, content: this});
@@ -284,13 +342,13 @@ PIXI.BitmapFontLoader.prototype.onLoaded = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_loaders_ImageLoader.js.html b/docs/files/src_pixi_loaders_ImageLoader.js.html
index 5a0c7d4..d7744fc 100644
--- a/docs/files/src_pixi_loaders_ImageLoader.js.html
+++ b/docs/files/src_pixi_loaders_ImageLoader.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/loaders/ImageLoader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,36 +166,53 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;loaders&#x2F;ImageLoader.js</h1>
+                        <h1 class="file-heading">File: src/pixi/loaders/ImageLoader.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
+/**
  * The image loader class is responsible for loading images file formats (&quot;jpeg&quot;, &quot;jpg&quot;, &quot;png&quot; and &quot;gif&quot;)
  * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
  * When loaded this class will dispatch a &#x27;loaded&#x27; event
+ *
  * @class ImageLoader
- * @extends EventTarget
+ * @uses EventTarget
  * @constructor
- * @param {String} url The url of the image
- * @param {Boolean} crossorigin
- *&#x2F;
+ * @param url {String} The url of the image
+ * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
+ */
 PIXI.ImageLoader = function(url, crossorigin)
 {
     PIXI.EventTarget.call(this);
+
+    /**
+     * The texture being loaded
+     *
+     * @property texture
+     * @type Texture
+     */
     this.texture = PIXI.Texture.fromImage(url, crossorigin);
+
+    /**
+     * if the image is loaded with loadFramedSpriteSheet
+     * frames will contain the sprite sheet frames
+     *
+     */
+    this.frames = [];
 };
 
-&#x2F;&#x2F; constructor
-PIXI.ImageLoader.constructor = PIXI.ImageLoader;
+// constructor
+PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
 
-&#x2F;**
+/**
  * Loads image or takes it from cache
- *&#x2F;
+ *
+ * @method load
+ */
 PIXI.ImageLoader.prototype.load = function()
 {
     if(!this.texture.baseTexture.hasLoaded)
@@ -188,15 +229,61 @@ PIXI.ImageLoader.prototype.load = function()
     }
 };
 
-&#x2F;**
+/**
  * Invoked when image file is loaded or it is already cached and ready to use
+ *
+ * @method onLoaded
  * @private
- *&#x2F;
+ */
 PIXI.ImageLoader.prototype.onLoaded = function()
 {
     this.dispatchEvent({type: &quot;loaded&quot;, content: this});
 };
 
+/**
+ * Loads image and split it to uniform sized frames
+ *
+ *
+ * @method loadFramedSpriteSheet
+ * @param frameWidth {Number} with of each frame
+ * @param frameHeight {Number} height of each frame
+ * @param textureName {String} if given, the frames will be cached in &lt;textureName&gt;-&lt;ord&gt; format 
+ */
+PIXI.ImageLoader.prototype.loadFramedSpriteSheet = function(frameWidth, frameHeight, textureName)
+{
+    this.frames = [];
+    var cols = Math.floor(this.texture.width / frameWidth);
+    var rows = Math.floor(this.texture.height / frameHeight);
+
+    var i=0;
+    for (var y=0; y&lt;rows; y++)
+    {
+        for (var x=0; x&lt;cols; x++,i++)
+        {
+            var texture = new PIXI.Texture(this.texture, {
+                x: x*frameWidth,
+                y: y*frameHeight,
+                width: frameWidth,
+                height: frameHeight
+            });
+
+            this.frames.push(texture);
+            if (textureName) PIXI.TextureCache[textureName+&#x27;-&#x27;+i] = texture;
+        }
+    }
+
+    if(!this.texture.baseTexture.hasLoaded)
+    {
+        var scope = this;
+        this.texture.baseTexture.addEventListener(&quot;loaded&quot;, function() {
+            scope.onLoaded();
+        });
+    }
+    else
+    {
+        this.onLoaded();
+    }
+};
     </pre>
 </div>
 
@@ -206,13 +293,13 @@ PIXI.ImageLoader.prototype.onLoaded = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_loaders_JsonLoader.js.html b/docs/files/src_pixi_loaders_JsonLoader.js.html
index 8e91182..292eab2 100644
--- a/docs/files/src_pixi_loaders_JsonLoader.js.html
+++ b/docs/files/src_pixi_loaders_JsonLoader.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/loaders/JsonLoader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,40 +166,72 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js</h1>
+                        <h1 class="file-heading">File: src/pixi/loaders/JsonLoader.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
+/**
  * The json file loader is used to load in JSON data and parsing it
  * When loaded this class will dispatch a &quot;loaded&quot; event
  * If load failed this class will dispatch a &quot;error&quot; event
+ *
  * @class JsonLoader
- * @extends EventTarget
+ * @uses EventTarget
  * @constructor
- * @param {String} url the url of the JSON file
- * @param {Boolean} crossorigin
- *&#x2F;
-
+ * @param url {String} The url of the JSON file
+ * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
+ */
 PIXI.JsonLoader = function (url, crossorigin) {
 	PIXI.EventTarget.call(this);
+
+	/**
+	 * The url of the bitmap font data
+	 *
+	 * @property url
+	 * @type String
+	 */
 	this.url = url;
-	this.baseUrl = url.replace(&#x2F;[^\&#x2F;]*$&#x2F;, &quot;&quot;);
+
+	/**
+	 * Whether the requests should be treated as cross origin
+	 *
+	 * @property crossorigin
+	 * @type Boolean
+	 */
 	this.crossorigin = crossorigin;
+
+	/**
+	 * [read-only] The base url of the bitmap font data
+	 *
+	 * @property baseUrl
+	 * @type String
+	 * @readOnly
+	 */
+	this.baseUrl = url.replace(/[^\/]*$/, &quot;&quot;);
+
+	/**
+	 * [read-only] Whether the data has loaded yet
+	 *
+	 * @property loaded
+	 * @type Boolean
+	 * @readOnly
+	 */
 	this.loaded = false;
-	
+
 };
 
-&#x2F;&#x2F; constructor
-PIXI.JsonLoader.constructor = PIXI.JsonLoader;
+// constructor
+PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
 
-&#x2F;**
- * This will begin loading the JSON file
- *&#x2F;
+/**
+ * Loads the JSON data
+ *
+ * @method load
+ */
 PIXI.JsonLoader.prototype.load = function () {
 	this.ajaxRequest = new AjaxRequest();
 	var scope = this;
@@ -184,32 +240,34 @@ PIXI.JsonLoader.prototype.load = function () {
 	};
 
 	this.ajaxRequest.open(&quot;GET&quot;, this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType(&quot;application&#x2F;json&quot;);
+	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType(&quot;application/json&quot;);
 	this.ajaxRequest.send(null);
 };
 
-&#x2F;**
+/**
  * Invoke when JSON file is loaded
+ *
+ * @method onJSONLoaded
  * @private
- *&#x2F;
+ */
 PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 	if (this.ajaxRequest.readyState == 4) {
 		if (this.ajaxRequest.status == 200 || window.location.href.indexOf(&quot;http&quot;) == -1) {
 			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
+
 			if(this.json.frames)
 			{
-				&#x2F;&#x2F; sprite sheet
+				// sprite sheet
 				var scope = this;
 				var textureUrl = this.baseUrl + this.json.meta.image;
 				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
 				var frameData = this.json.frames;
-			
+
 				this.texture = image.texture.baseTexture;
 				image.addEventListener(&quot;loaded&quot;, function (event) {
 					scope.onLoaded();
 				});
-			
+
 				for (var i in frameData) {
 					var rect = frameData[i].frame;
 					if (rect) {
@@ -220,20 +278,20 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 							height: rect.h
 						});
 						if (frameData[i].trimmed) {
-							&#x2F;&#x2F;var realSize = frameData[i].spriteSourceSize;
+							//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!
+							PIXI.TextureCache[i].trim.x = 0; // (realSize.x / rect.w)
+							// calculate the offset!
 						}
 					}
 				}
-			
+
 				image.load();
-				
+
 			}
 			else if(this.json.bones)
 			{
-				&#x2F;&#x2F; spine animation
+				// spine animation
 				var spineJsonParser = new spine.SkeletonJson();
 				var skeletonData = spineJsonParser.readSkeletonData(this.json);
 				PIXI.AnimCache[this.url] = skeletonData;
@@ -243,20 +301,20 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 			{
 				this.onLoaded();
 			}
-			
-			
-			
-			
-		} else {
+		}
+		else
+		{
 			this.onError();
 		}
 	}
 };
 
-&#x2F;**
+/**
  * Invoke when json file loaded
+ *
+ * @method onLoaded
  * @private
- *&#x2F;
+ */
 PIXI.JsonLoader.prototype.onLoaded = function () {
 	this.loaded = true;
 	this.dispatchEvent({
@@ -265,10 +323,12 @@ PIXI.JsonLoader.prototype.onLoaded = function () {
 	});
 };
 
-&#x2F;**
+/**
  * Invoke when error occured
+ *
+ * @method onError
  * @private
- *&#x2F;
+ */
 PIXI.JsonLoader.prototype.onError = function () {
 	this.dispatchEvent({
 		type: &quot;error&quot;,
@@ -284,13 +344,13 @@ PIXI.JsonLoader.prototype.onError = function () {
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_loaders_SpineLoader.js.html b/docs/files/src_pixi_loaders_SpineLoader.js.html
index a5d91bf..0590ea8 100644
--- a/docs/files/src_pixi_loaders_SpineLoader.js.html
+++ b/docs/files/src_pixi_loaders_SpineLoader.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/loaders/SpineLoader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,54 +166,72 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;loaders&#x2F;SpineLoader.js</h1>
+                        <h1 class="file-heading">File: src/pixi/loaders/SpineLoader.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https:&#x2F;&#x2F;github.com&#x2F;ekelokorpi
- * 
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
+ *
  * Awesome JS run time provided by EsotericSoftware
- * https:&#x2F;&#x2F;github.com&#x2F;EsotericSoftware&#x2F;spine-runtimes
- * 
- *&#x2F;
+ * https://github.com/EsotericSoftware/spine-runtimes
+ *
+ */
 
-&#x2F;**
+/**
  * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http:&#x2F;&#x2F;esotericsoftware.com&#x2F; and export the &quot;JSON&quot; format
+ * To generate the data you need to use http://esotericsoftware.com/ and export the &quot;JSON&quot; format
  * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;examples&#x2F;12&#x2F;) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
+ * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
+ * You will need to generate a sprite sheet to accompany the spine data
  * When loaded this class will dispatch a &quot;loaded&quot; event
+ *
  * @class Spine
+ * @uses EventTarget
  * @constructor
- * @extends EventTarget
- * @param {String} url the url of the sprite sheet JSON file
- * @param {Boolean} crossorigin
- *&#x2F;
-PIXI.SpineLoader = function(url, crossorigin) 
+ * @param url {String} The url of the JSON file
+ * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
+ */
+PIXI.SpineLoader = function(url, crossorigin)
 {
 	PIXI.EventTarget.call(this);
+
+	/**
+	 * The url of the bitmap font data
+	 *
+	 * @property url
+	 * @type String
+	 */
 	this.url = url;
+
+	/**
+	 * Whether the requests should be treated as cross origin
+	 *
+	 * @property crossorigin
+	 * @type Boolean
+	 */
 	this.crossorigin = crossorigin;
+
+	/**
+	 * [read-only] Whether the data has loaded yet
+	 *
+	 * @property loaded
+	 * @type Boolean
+	 * @readOnly
+	 */
 	this.loaded = false;
 }
 
-PIXI.SpineLoader.constructor = PIXI.SpineLoader;
-
-PIXI.SpineLoader.prototype.load = function()
-{
-	new PIXI.JsonLoader(this.url, this.crossorigin);
-		jsonLoader.addEventListener(&quot;loaded&quot;, function (event) {
-			scope.json = event.content.json;
-			scope.onJSONLoaded();
-		});
-		jsonLoader.load();
-};
+PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
 
+/**
+ * Loads the JSON data
+ *
+ * @method load
+ */
 PIXI.SpineLoader.prototype.load = function () {
-	
+
 	var scope = this;
 	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
 	jsonLoader.addEventListener(&quot;loaded&quot;, function (event) {
@@ -199,25 +241,28 @@ PIXI.SpineLoader.prototype.load = function () {
 	jsonLoader.load();
 };
 
-&#x2F;**
+/**
  * Invoke when JSON file is loaded
+ *
+ * @method onJSONLoaded
  * @private
- *&#x2F;
+ */
 PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	
 	var spineJsonParser = new spine.SkeletonJson();
-	
 	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
+
 	PIXI.AnimCache[this.url] = skeletonData;
 
 	this.onLoaded();
 };
 
-
-			
-PIXI.SpineLoader.prototype.onLoaded = function()
-{
+/**
+ * Invoke when JSON file is loaded
+ *
+ * @method onLoaded
+ * @private
+ */
+PIXI.SpineLoader.prototype.onLoaded = function () {
 	this.loaded = true;
     this.dispatchEvent({type: &quot;loaded&quot;, content: this});
 };
@@ -232,13 +277,13 @@ PIXI.SpineLoader.prototype.onLoaded = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_loaders_SpriteSheetLoader.js.html b/docs/files/src_pixi_loaders_SpriteSheetLoader.js.html
index 7f4f05f..7ec53e4 100644
--- a/docs/files/src_pixi_loaders_SpriteSheetLoader.js.html
+++ b/docs/files/src_pixi_loaders_SpriteSheetLoader.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/loaders/SpriteSheetLoader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,49 +166,88 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js</h1>
+                        <h1 class="file-heading">File: src/pixi/loaders/SpriteSheetLoader.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#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
+ * To generate the data you can use http://www.codeandweb.com/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&quot;) as it means sprite&quot;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 &quot;loaded&quot; event
+ *
  * @class SpriteSheetLoader
- * @extends EventTarget
+ * @uses EventTarget
  * @constructor
- * @param {String} url the url of the sprite sheet JSON file
- * @param {Boolean} crossorigin
- *&#x2F;
+ * @param url {String} The url of the sprite sheet JSON file
+ * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
+ */
 
 PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	&#x2F;*
+	/*
 	 * i use texture packer to load the assets..
-	 * http:&#x2F;&#x2F;www.codeandweb.com&#x2F;texturepacker
+	 * http://www.codeandweb.com/texturepacker
 	 * make sure to set the format as &quot;JSON&quot;
-	 *&#x2F;
+	 */
 	PIXI.EventTarget.call(this);
+
+	/**
+	 * The url of the bitmap font data
+	 *
+	 * @property url
+	 * @type String
+	 */
 	this.url = url;
-	this.baseUrl = url.replace(&#x2F;[^\&#x2F;]*$&#x2F;, &quot;&quot;);
-	this.texture = null;
-	this.frames = {};
+
+	/**
+	 * Whether the requests should be treated as cross origin
+	 *
+	 * @property crossorigin
+	 * @type Boolean
+	 */
 	this.crossorigin = crossorigin;
+
+	/**
+	 * [read-only] The base url of the bitmap font data
+	 *
+	 * @property baseUrl
+	 * @type String
+	 * @readOnly
+	 */
+	this.baseUrl = url.replace(/[^\/]*$/, &quot;&quot;);
+
+    /**
+     * The texture being loaded
+     *
+     * @property texture
+     * @type Texture
+     */
+    this.texture = null;
+
+    /**
+     * The frames of the sprite sheet
+     *
+     * @property frames
+     * @type Object
+     */
+	this.frames = {};
 };
 
-&#x2F;&#x2F; constructor
-PIXI.SpriteSheetLoader.constructor = PIXI.SpriteSheetLoader;
+// constructor
+PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
 
-&#x2F;**
+/**
  * This will begin loading the JSON file
- *&#x2F;
+ *
+ * @method load
+ */
 PIXI.SpriteSheetLoader.prototype.load = function () {
 	var scope = this;
 	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
@@ -195,10 +258,12 @@ PIXI.SpriteSheetLoader.prototype.load = function () {
 	jsonLoader.load();
 };
 
-&#x2F;**
+/**
  * Invoke when JSON file is loaded
+ *
+ * @method onJSONLoaded
  * @private
- *&#x2F;
+ */
 PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
 	var scope = this;
 	var textureUrl = this.baseUrl + this.json.meta.image;
@@ -220,20 +285,22 @@ PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
 				height: rect.h
 			});
 			if (frameData[i].trimmed) {
-				&#x2F;&#x2F;var realSize = frameData[i].spriteSourceSize;
+				//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!
+				PIXI.TextureCache[i].trim.x = 0; // (realSize.x / rect.w)
+				// calculate the offset!
 			}
 		}
 	}
 
 	image.load();
 };
-&#x2F;**
+/**
  * Invoke when all files are loaded (json and texture)
+ *
+ * @method onLoaded
  * @private
- *&#x2F;
+ */
 PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
 	this.dispatchEvent({
 		type: &quot;loaded&quot;,
@@ -250,13 +317,13 @@ PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_primitives_Graphics.js.html b/docs/files/src_pixi_primitives_Graphics.js.html
index 56e8996..9041f75 100644
--- a/docs/files/src_pixi_primitives_Graphics.js.html
+++ b/docs/files/src_pixi_primitives_Graphics.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/primitives/Graphics.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,111 +166,152 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js</h1>
+                        <h1 class="file-heading">File: src/pixi/primitives/Graphics.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 
-&#x2F;**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
+/**
+ * The Graphics class contains a set of methods that you can use to create primitive shapes and lines.
  * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;wp-content&#x2F;uploads&#x2F;2013&#x2F;06&#x2F;complexPolygon.png
- * @class Graphics 
+ * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
+ *
+ * @class Graphics
  * @extends DisplayObjectContainer
  * @constructor
- *&#x2F;
+ */
 PIXI.Graphics = function()
 {
 	PIXI.DisplayObjectContainer.call( this );
-	
+
 	this.renderable = true;
-	
+
+    /**
+     * The alpha of the fill of this graphics object
+     *
+     * @property fillAlpha
+     * @type Number
+     */
 	this.fillAlpha = 1;
-	
+
+    /**
+     * The width of any lines drawn
+     *
+     * @property lineWidth
+     * @type Number
+     */
 	this.lineWidth = 0;
+
+    /**
+     * The color of any lines drawn
+     *
+     * @property lineColor
+     * @type String
+     */
 	this.lineColor = &quot;black&quot;;
-	
+
+    /**
+     * Graphics data
+     *
+     * @property graphicsData
+     * @type Array
+     * @private
+     */
 	this.graphicsData = [];
-	
+
+    /**
+     * Current path
+     *
+     * @property currentPath
+     * @type Object
+     * @private
+     */
 	this.currentPath = {points:[]};
 }
 
-&#x2F;&#x2F; constructor
-PIXI.Graphics.constructor = PIXI.Graphics;
+// constructor
 PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+PIXI.Graphics.prototype.constructor = PIXI.Graphics;
 
-&#x2F;**
+/**
  * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
+ *
  * @method lineStyle
- * @param lineWidth {Number}
- * @param color {Number}
- * @param alpha {Number}
- *&#x2F;
+ * @param lineWidth {Number} width of the line to draw, will update the object&#x27;s stored style
+ * @param color {Number} color of the line to draw, will update the object&#x27;s stored style
+ * @param alpha {Number} alpha of the line to draw, will update the object&#x27;s stored style
+ */
 PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
+
 	this.lineWidth = lineWidth || 0;
 	this.lineColor = color || 0;
 	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
 						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
+
 	this.graphicsData.push(this.currentPath);
 }
 
-&#x2F;**
+/**
  * Moves the current drawing position to (x, y).
+ *
  * @method moveTo
- * @param x {Number}
- * @param y {Number}
- *&#x2F;
+ * @param x {Number} the X coord to move to
+ * @param y {Number} the Y coord to move to
+ */
 PIXI.Graphics.prototype.moveTo = function(x, y)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
+
+	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
 						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
+
 	this.currentPath.points.push(x, y);
-	
+
 	this.graphicsData.push(this.currentPath);
 }
 
-&#x2F;**
- * Draws a line using the current line style from the current drawing position to (x, y); the current drawing position is then set to (x, y).
+/**
+ * Draws a line using the current line style from the current drawing position to (x, y);
+ * the current drawing position is then set to (x, y).
+ *
  * @method lineTo
- * @param x {Number}
- * @param y {Number}
- *&#x2F;
+ * @param x {Number} the X coord to draw to
+ * @param y {Number} the Y coord to draw to
+ */
 PIXI.Graphics.prototype.lineTo = function(x, y)
 {
 	this.currentPath.points.push(x, y);
 	this.dirty = true;
 }
 
-&#x2F;**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods (such as lineTo() or drawCircle()) use when drawing.
+/**
+ * Specifies a simple one-color fill that subsequent calls to other Graphics methods
+ * (such as lineTo() or drawCircle()) use when drawing.
+ *
  * @method beginFill
  * @param color {uint} the color of the fill
  * @param alpha {Number} the alpha
- *&#x2F;
+ */
 PIXI.Graphics.prototype.beginFill = function(color, alpha)
 {
 	this.filling = true;
 	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
+	this.fillAlpha = (alpha == undefined) ? 1 : alpha;
 }
 
-&#x2F;**
+/**
  * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
+ *
  * @method endFill
- *&#x2F;
+ */
 PIXI.Graphics.prototype.endFill = function()
 {
 	this.filling = false;
@@ -254,79 +319,158 @@ PIXI.Graphics.prototype.endFill = function()
 	this.fillAlpha = 1;
 }
 
-&#x2F;**
+/**
  * @method drawRect
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- *&#x2F;
+ *
+ * @param x {Number} The X coord of the top-left of the rectangle
+ * @param y {Number} The Y coord of the top-left of the rectangle
+ * @param width {Number} The width of the rectangle
+ * @param height {Number} The height of the rectangle
+ */
 PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
 
-&#x2F;**
+/**
  * Draws a circle.
+ *
  * @method drawCircle
- * @param x {Number}
- * @param y {Number}
- * @param radius {Number}
- *&#x2F;
+ * @param x {Number} The X coord of the center of the circle
+ * @param y {Number} The Y coord of the center of the circle
+ * @param radius {Number} The radius of the circle
+ */
 PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
 
-&#x2F;**
+/**
  * Draws an elipse.
+ *
  * @method drawElipse
  * @param x {Number}
  * @param y {Number}
  * @param width {Number}
  * @param height {Number}
- *&#x2F;
+ */
 PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
 
-&#x2F;**
+/**
  * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
+ *
  * @method clear
- *&#x2F;
+ */
 PIXI.Graphics.prototype.clear = function()
 {
 	this.lineWidth = 0;
 	this.filling = false;
-	
+
 	this.dirty = true;
 	this.clearDirty = true;
 	this.graphicsData = [];
+
+	this.bounds = null//new PIXI.Rectangle();
 }
 
-&#x2F;&#x2F; SOME TYPES:
+
+PIXI.Graphics.prototype.updateFilterBounds = function()
+{
+	if(!this.bounds)
+	{
+		var minX = Infinity;
+		var maxX = -Infinity;
+
+		var minY = Infinity;
+		var maxY = -Infinity;
+
+		var points, x, y;
+
+		for (var i = 0; i &lt; this.graphicsData.length; i++) {
+			
+
+			var data = this.graphicsData[i];
+			var type = data.type;
+			var lineWidth = data.lineWidth;
+
+			points = data.points;
+
+			if(type === PIXI.Graphics.RECT)
+			{
+				x = points.x - lineWidth/2;
+				y = points.y - lineWidth/2;
+				var width = points.width + lineWidth;
+				var height = points.height + lineWidth;
+
+				minX = x &lt; minX ? x : minX;
+				maxX = x + width &gt; maxX ? x + width : maxX;
+
+				minY = y &lt; minY ? x : minY;
+				maxY = y + height &gt; maxY ? y + height : maxY;
+			}
+			else if(type === PIXI.Graphics.CIRC || type === PIXI.Graphics.ELIP)
+			{
+				x = points.x;
+				y = points.y;
+				var radius = points.radius + lineWidth/2;
+				
+				minX = x - radius &lt; minX ? x - radius : minX;
+				maxX = x + radius &gt; maxX ? x + radius : maxX;
+
+				minY = y - radius &lt; minY ? y - radius : minY;
+				maxY = y + radius &gt; maxY ? y + radius : maxY;
+			}
+			else
+			{
+				// POLY
+				for (var j = 0; j &lt; points.length; j+=2) 
+				{
+					
+					x = points[j];
+					y = points[j+1];
+
+					minX = x-lineWidth &lt; minX ? x-lineWidth : minX;
+					maxX = x+lineWidth &gt; maxX ? x+lineWidth : maxX;
+
+					minY = y-lineWidth &lt; minY ? y-lineWidth : minY;
+					maxY = y+lineWidth &gt; maxY ? y+lineWidth : maxY;
+				};
+			}
+
+		};
+
+		this.bounds = new PIXI.Rectangle(minX, minY, maxX - minX, maxY - minY);
+
+	}
+
+//	console.log(this.bounds);
+}
+
+// SOME TYPES:
 PIXI.Graphics.POLY = 0;
 PIXI.Graphics.RECT = 1;
 PIXI.Graphics.CIRC = 2;
@@ -341,13 +485,13 @@ PIXI.Graphics.ELIP = 3;
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_renderers_canvas_CanvasGraphics.js.html b/docs/files/src_pixi_renderers_canvas_CanvasGraphics.js.html
index d09a4be..a0ec34a 100644
--- a/docs/files/src_pixi_renderers_canvas_CanvasGraphics.js.html
+++ b/docs/files/src_pixi_renderers_canvas_CanvasGraphics.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasGraphics.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/renderers/canvas/CanvasGraphics.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,64 +166,65 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasGraphics.js</h1>
+                        <h1 class="file-heading">File: src/pixi/renderers/canvas/CanvasGraphics.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 
-&#x2F;**
+/**
  * A set of functions used by the canvas renderer to draw the primitive graphics data
- * @class CanvasGraphics 
- *&#x2F;
+ *
+ * @class CanvasGraphics
+ */
 PIXI.CanvasGraphics = function()
 {
-	
+
 }
 
 
-&#x2F;*
- * @private
+/*
+ * Renders the graphics object
+ *
  * @static
+ * @private
  * @method renderGraphics
  * @param graphics {Graphics}
  * @param context {Context2D}
- *&#x2F;
+ */
 PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 {
 	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i &lt; graphics.graphicsData.length; i++) 
+
+	for (var i=0; i &lt; graphics.graphicsData.length; i++)
 	{
 		var data = graphics.graphicsData[i];
 		var points = data.points;
-		
+
 		context.strokeStyle = color = &#x27;#&#x27; + (&#x27;00000&#x27; + ( data.lineColor | 0).toString(16)).substr(-6);
 
 		context.lineWidth = data.lineWidth;
-		
+
 		if(data.type == PIXI.Graphics.POLY)
 		{
-			&#x2F;&#x2F;if(data.lineWidth &lt;= 0)continue;
-			
 			context.beginPath();
-			
+
 			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j &lt; points.length&#x2F;2; j++)
+
+			for (var j=1; j &lt; points.length/2; j++)
 			{
 				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	&#x2F;&#x2F; if the first and last point are the same close the path - much neater :)
+			}
+
+	      	// if the first and last point are the same close the path - much neater :)
 	      	if(points[0] == points[points.length-2] &amp;&amp; points[1] == points[points.length-1])
 	      	{
 	      		context.closePath();
 	      	}
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -214,29 +239,28 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.RECT)
 		{
-				
-			&#x2F;&#x2F; TODO - need to be Undefined!
-			if(data.fillColor)
+
+			if(data.fillColor || data.fillColor === 0)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
 				context.fillStyle = color = &#x27;#&#x27; + (&#x27;00000&#x27; + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.rect(points[0], points[1], points[2], points[3]);
-				
+				context.fillRect(points[0], points[1], points[2], points[3]);
+
 			}
 			if(data.lineWidth)
 			{
 				context.globalAlpha = data.lineAlpha * worldAlpha;
 				context.strokeRect(points[0], points[1], points[2], points[3]);
 			}
-			
+
 		}
 		else if(data.type == PIXI.Graphics.CIRC)
 		{
-			&#x2F;&#x2F; TODO - need to be Undefined!
+			// TODO - need to be Undefined!
       		context.beginPath();
 			context.arc(points[0], points[1], points[2],0,2*Math.PI);
 			context.closePath();
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -251,35 +275,35 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.ELIP)
 		{
-			
-			&#x2F;&#x2F; elipse code taken from: http:&#x2F;&#x2F;stackoverflow.com&#x2F;questions&#x2F;2172798&#x2F;how-to-draw-an-oval-in-html5-canvas
-			
+
+			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
+
 			var elipseData =  data.points;
-			
+
 			var w = elipseData[2] * 2;
 			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w&#x2F;2;
-			var y = elipseData[1] - h&#x2F;2;
-			
+
+			var x = elipseData[0] - w/2;
+			var y = elipseData[1] - h/2;
+
       		context.beginPath();
-			
+
 			var kappa = .5522848,
-			ox = (w &#x2F; 2) * kappa, &#x2F;&#x2F; control point offset horizontal
-			oy = (h &#x2F; 2) * kappa, &#x2F;&#x2F; control point offset vertical
-			xe = x + w,           &#x2F;&#x2F; x-end
-			ye = y + h,           &#x2F;&#x2F; y-end
-			xm = x + w &#x2F; 2,       &#x2F;&#x2F; x-middle
-			ym = y + h &#x2F; 2;       &#x2F;&#x2F; y-middle
-			
+			ox = (w / 2) * kappa, // control point offset horizontal
+			oy = (h / 2) * kappa, // control point offset vertical
+			xe = x + w,           // x-end
+			ye = y + h,           // y-end
+			xm = x + w / 2,       // x-middle
+			ym = y + h / 2;       // y-middle
+
 			context.moveTo(x, ym);
 			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
 			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
 			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
 			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
+
 			context.closePath();
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -292,51 +316,51 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
       			context.stroke();
 			}
 		}
-      	
+
 	};
 }
 
-&#x2F;*
- * @private
+/*
+ * Renders a graphics mask
+ *
  * @static
+ * @private
  * @method renderGraphicsMask
  * @param graphics {Graphics}
  * @param context {Context2D}
- *&#x2F;
+ */
 PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 {
 	var worldAlpha = graphics.worldAlpha;
-	
+
 	var len = graphics.graphicsData.length;
 	if(len &gt; 1)
 	{
 		len = 1;
 		console.log(&quot;Pixi.js warning: masks in canvas can only mask using the first path in the graphics object&quot;)
 	}
-	
-	for (var i=0; i &lt; 1; i++) 
+
+	for (var i=0; i &lt; 1; i++)
 	{
 		var data = graphics.graphicsData[i];
 		var points = data.points;
-		
+
 		if(data.type == PIXI.Graphics.POLY)
 		{
-			&#x2F;&#x2F;if(data.lineWidth &lt;= 0)continue;
-			
 			context.beginPath();
 			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j &lt; points.length&#x2F;2; j++)
+
+			for (var j=1; j &lt; points.length/2; j++)
 			{
 				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	&#x2F;&#x2F; if the first and last point are the same close the path - much neater :)
+			}
+
+	      	// if the first and last point are the same close the path - much neater :)
 	      	if(points[0] == points[points.length-2] &amp;&amp; points[1] == points[points.length-1])
 	      	{
 	      		context.closePath();
 	      	}
-			
+
 		}
 		else if(data.type == PIXI.Graphics.RECT)
 		{
@@ -346,33 +370,33 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.CIRC)
 		{
-			&#x2F;&#x2F; TODO - need to be Undefined!
+			// TODO - need to be Undefined!
       		context.beginPath();
 			context.arc(points[0], points[1], points[2],0,2*Math.PI);
 			context.closePath();
 		}
 		else if(data.type == PIXI.Graphics.ELIP)
 		{
-			
-			&#x2F;&#x2F; elipse code taken from: http:&#x2F;&#x2F;stackoverflow.com&#x2F;questions&#x2F;2172798&#x2F;how-to-draw-an-oval-in-html5-canvas
+
+			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
 			var elipseData =  data.points;
-			
+
 			var w = elipseData[2] * 2;
 			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w&#x2F;2;
-			var y = elipseData[1] - h&#x2F;2;
-			
+
+			var x = elipseData[0] - w/2;
+			var y = elipseData[1] - h/2;
+
       		context.beginPath();
-			
+
 			var kappa = .5522848,
-			ox = (w &#x2F; 2) * kappa, &#x2F;&#x2F; control point offset horizontal
-			oy = (h &#x2F; 2) * kappa, &#x2F;&#x2F; control point offset vertical
-			xe = x + w,           &#x2F;&#x2F; x-end
-			ye = y + h,           &#x2F;&#x2F; y-end
-			xm = x + w &#x2F; 2,       &#x2F;&#x2F; x-middle
-			ym = y + h &#x2F; 2;       &#x2F;&#x2F; y-middle
-			
+			ox = (w / 2) * kappa, // control point offset horizontal
+			oy = (h / 2) * kappa, // control point offset vertical
+			xe = x + w,           // x-end
+			ye = y + h,           // y-end
+			xm = x + w / 2,       // x-middle
+			ym = y + h / 2;       // y-middle
+
 			context.moveTo(x, ym);
 			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
 			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
@@ -380,8 +404,8 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
 			context.closePath();
 		}
-      	
-	   
+
+
 	};
 }
 
@@ -394,13 +418,13 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_renderers_canvas_CanvasRenderer.js.html b/docs/files/src_pixi_renderers_canvas_CanvasRenderer.js.html
index b4a1e3c..9f17324 100644
--- a/docs/files/src_pixi_renderers_canvas_CanvasRenderer.js.html
+++ b/docs/files/src_pixi_renderers_canvas_CanvasRenderer.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/renderers/canvas/CanvasRenderer.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,105 +166,106 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js</h1>
+                        <h1 class="file-heading">File: src/pixi/renderers/canvas/CanvasRenderer.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 
-&#x2F;**
+/**
  * the CanvasRenderer 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
  * @constructor
- * @param width {Number} the width of the canvas view
- * @default 0
- * @param height {Number} the height of the canvas view
- * @default 0
+ * @param width=0 {Number} the width of the canvas view
+ * @param height=0 {Number} the height of the canvas view
  * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent {Boolean} the transparency of the render view, default false
- * @default false
- * 
- *&#x2F;
+ * @param transparent=false {Boolean} the transparency of the render view, default false
+ */
 PIXI.CanvasRenderer = function(width, height, view, transparent)
 {
 	this.transparent = transparent;
-	
-	&#x2F;**
+
+	/**
 	 * The width of the canvas view
+	 *
 	 * @property width
 	 * @type Number
 	 * @default 800
-	 *&#x2F;
+	 */
 	this.width = width || 800;
-	&#x2F;**
+
+	/**
 	 * The height of the canvas view
+	 *
 	 * @property height
 	 * @type Number
 	 * @default 600
-	 *&#x2F;
+	 */
 	this.height = height || 600;
-	
-	this.refresh = true;
-	
-	&#x2F;**
+
+	/**
 	 * The canvas element that the everything is drawn to
+	 *
 	 * @property view
 	 * @type Canvas
-	 *&#x2F;
-	this.view = view || document.createElement( &#x27;canvas&#x27; ); 
-	
-	&#x2F;&#x2F; hack to enable some hardware acceleration!
-	&#x2F;&#x2F;this.view.style[&quot;transform&quot;] = &quot;translatez(0)&quot;;
+	 */
+	this.view = view || document.createElement( &#x27;canvas&#x27; );
+
+	/**
+	 * The canvas context that the everything is drawn to
+	 * @property context
+	 * @type Canvas 2d Context
+	 */
+	this.context = this.view.getContext(&quot;2d&quot;);
+
+	this.refresh = true;
+	// hack to enable some hardware acceleration!
+	//this.view.style[&quot;transform&quot;] = &quot;translatez(0)&quot;;
 	
     this.view.width = this.width;
 	this.view.height = this.height;  
 	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;
+// constructor
+PIXI.CanvasRenderer.prototype.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
 	
-	&#x2F;&#x2F;stage.__childrenAdded = [];
-	&#x2F;&#x2F;stage.__childrenRemoved = [];
+	//stage.__childrenAdded = [];
+	//stage.__childrenRemoved = [];
 	
-	&#x2F;&#x2F; update textures if need be
+	// update textures if need be
 	PIXI.texturesToUpdate = [];
 	PIXI.texturesToDestroy = [];
 	
+	PIXI.visibleCount++;
 	stage.updateTransform();
 	
-	&#x2F;&#x2F; update the background color
+	// update the background color
 	if(this.view.style.backgroundColor!=stage.backgroundColorString &amp;&amp; !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
 
 	this.context.setTransform(1,0,0,1,0,0); 
 	this.context.clearRect(0, 0, this.width, this.height)
     this.renderDisplayObject(stage);
-    &#x2F;&#x2F;as
+    //as
    
-    &#x2F;&#x2F; run interaction!
+    // run interaction!
 	if(stage.interactive)
 	{
-		&#x2F;&#x2F;need to add some events!
+		//need to add some events!
 		if(!stage._interactiveEventsAdded)
 		{
 			stage._interactiveEventsAdded = true;
@@ -248,18 +273,22 @@ PIXI.CanvasRenderer.prototype.render = function(stage)
 		}
 	}
 	
-	&#x2F;&#x2F; remove frame updates..
+	// remove frame updates..
 	if(PIXI.Texture.frameUpdates.length &gt; 0)
 	{
 		PIXI.Texture.frameUpdates = [];
 	}
+	
+	
 }
 
-&#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;
+ *
+ * @method resize
+ * @param width {Number} the new width of the canvas view
+ * @param height {Number} the new height of the canvas view
+ */
 PIXI.CanvasRenderer.prototype.resize = function(width, height)
 {
 	this.width = width;
@@ -269,19 +298,22 @@ PIXI.CanvasRenderer.prototype.resize = function(width, height)
 	this.view.height = height;
 }
 
-&#x2F;**
+/**
+ * Renders a display object
+ *
+ * @method renderDisplayObject
+ * @param displayObject {DisplayObject} The displayObject to render
  * @private
- *&#x2F;
-
+ */
 PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 {
-	&#x2F;&#x2F; no loger recurrsive!
+	// no loger recurrsive!
 	var transform;
 	var context = this.context;
 	
 	context.globalCompositeOperation = &#x27;source-over&#x27;;
 	
-	&#x2F;&#x2F; one the display object hits this. we can break the loop	
+	// one the display object hits this. we can break the loop	
 	var testObject = displayObject.last._iNext;
 	displayObject = displayObject.first;
 	
@@ -306,7 +338,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 				
 			var frame = displayObject.texture.frame;
 			
-			if(frame)
+			if(frame &amp;&amp; frame.width &amp;&amp; frame.height)
 			{
 				context.globalAlpha = displayObject.worldAlpha;
 				
@@ -335,6 +367,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 		}
 		else if(displayObject instanceof PIXI.CustomRenderable)
 		{
+			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
 			displayObject.renderCanvas(this);
 		}
 		else if(displayObject instanceof PIXI.Graphics)
@@ -344,59 +377,69 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 		}
 		else if(displayObject instanceof PIXI.FilterBlock)
 		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		&#x2F;&#x2F;		context.fillStyle = 0xFF0000;
-			&#x2F;&#x2F;	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				&#x2F;&#x2F;context.globalCompositeOperation = &#x27;lighter&#x27;;
+			if(displayObject.data instanceof PIXI.Graphics)
+ 			{
+				var mask = displayObject.data;
+
+				if(displayObject.open)
+				{
+					context.save();
+					
+					var cacheAlpha = mask.alpha;
+					var maskTransform = mask.worldTransform;
+					
+					context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
+					
+					mask.worldAlpha = 0.5;
+					
+					context.worldAlpha = 0;
+					
+					PIXI.CanvasGraphics.renderGraphicsMask(mask, context);
+					context.clip();
+					
+					mask.worldAlpha = cacheAlpha;
+				}
+				else
+				{
+					context.restore();
+				}
 			}
 			else
 			{
-				&#x2F;&#x2F;context.globalCompositeOperation = &#x27;source-over&#x27;;
-				context.restore();
+				// only masks supported right now!
 			}
 		}
-	&#x2F;&#x2F;	count++
+	//	count++
 		displayObject = displayObject._iNext;
 		
 		
 	}
 	while(displayObject != testObject)
+
+	
 }
 
-
-&#x2F;**
+/**
+ * Renders a flat strip
+ *
+ * @method renderStripFlat
+ * @param strip {Strip} The Strip to render
  * @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;
+	var length = verticies.length/2;
 	this.count++;
 	
 	context.beginPath();
 	for (var i=1; i &lt; length-2; i++) 
 	{
 		
-		&#x2F;&#x2F; draw some triangles!
+		// draw some triangles!
 		var index = i*2;
 		
 		 var x0 = verticies[index],   x1 = verticies[index+2], x2 = verticies[index+4];
@@ -413,9 +456,13 @@ PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
 	context.closePath();
 }
 
-&#x2F;**
+/**
+ * Renders a tiling sprite
+ *
+ * @method renderTilingSprite
+ * @param sprite {TilingSprite} The tilingsprite to render
  * @private
- *&#x2F;
+ */
 PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
 {
 	var context = this.context;
@@ -429,38 +476,40 @@ PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
 	var tilePosition = sprite.tilePosition;
 	var tileScale = sprite.tileScale;
 	
-    &#x2F;&#x2F; offset
+    // offset
     context.scale(tileScale.x,tileScale.y);
     context.translate(tilePosition.x, tilePosition.y);
  	
 	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width &#x2F; tileScale.x, sprite.height &#x2F; tileScale.y);
+	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
 	
-	context.scale(1&#x2F;tileScale.x, 1&#x2F;tileScale.y);
+	context.scale(1/tileScale.x, 1/tileScale.y);
     context.translate(-tilePosition.x, -tilePosition.y);
     
     context.closePath();
 }
 
-
-
-&#x2F;**
+/**
+ * Renders a strip
+ *
+ * @method renderStrip
+ * @param strip {Strip} The Strip to render
  * @private
- *&#x2F;
+ */
 PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 {
 	var context = this.context;
-	&#x2F;&#x2F;context.globalCompositeOperation = &#x27;lighter&#x27;;
-	&#x2F;&#x2F; draw triangles!!
+
+	// draw triangles!!
 	var verticies = strip.verticies;
 	var uvs = strip.uvs;
 	
-	var length = verticies.length&#x2F;2;
+	var length = verticies.length/2;
 	this.count++;
 	for (var i=1; i &lt; length-2; i++) 
 	{
 		
-		&#x2F;&#x2F; draw some triangles!
+		// draw some triangles!
 		var index = i*2;
 		
 		 var x0 = verticies[index],   x1 = verticies[index+2], x2 = verticies[index+4];
@@ -477,12 +526,10 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 		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
+        // 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;
@@ -494,25 +541,16 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 		
 		
 		    
-        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.transform(delta_a/delta, delta_d/delta,
+                      delta_b/delta, delta_e/delta,
+                      delta_c/delta, delta_f/delta);
                  
 		context.drawImage(strip.texture.baseTexture.source, 0, 0);
 	  	context.restore();
 	};
 	
-&#x2F;&#x2F;	context.globalCompositeOperation = &#x27;source-over&#x27;;	
 }
 
-
-
-
-
-
-
-
-
     </pre>
 </div>
 
@@ -522,13 +560,13 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_renderers_webgl_PixiShader.js.html b/docs/files/src_pixi_renderers_webgl_PixiShader.js.html
new file mode 100644
index 0000000..a1b2a0a
--- /dev/null
+++ b/docs/files/src_pixi_renderers_webgl_PixiShader.js.html
@@ -0,0 +1,311 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/renderers/webgl/PixiShader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/renderers/webgl/PixiShader.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.PixiShader = function()
+{
+	// the webGL program..
+	this.program;
+	
+	this.fragmentSrc = [
+	  &quot;precision lowp 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, vTextureCoord) * vColor;&quot;,
+	  &quot;}&quot;
+	];
+	
+}
+
+PIXI.PixiShader.prototype.init = function()
+{
+	var program = PIXI.compileProgram(this.vertexSrc || PIXI.PixiShader.defaultVertexSrc, this.fragmentSrc)
+	
+	var gl = PIXI.gl;
+	
+    gl.useProgram(program);
+	
+	// get and store the uniforms for the shader
+	this.uSampler = gl.getUniformLocation(program, &quot;uSampler&quot;);
+	this.projectionVector = gl.getUniformLocation(program, &quot;projectionVector&quot;);
+	this.offsetVector = gl.getUniformLocation(program, &quot;offsetVector&quot;);
+	this.colorAttribute = gl.getAttribLocation(program, &quot;aColor&quot;);
+	//this.dimensions = gl.getUniformLocation(this.program, &quot;dimensions&quot;);
+	
+	// get and store the attributes
+	this.aVertexPosition = gl.getAttribLocation(program, &quot;aVertexPosition&quot;);
+	this.aTextureCoord = gl.getAttribLocation(program, &quot;aTextureCoord&quot;);
+	  
+    // add those custom shaders!
+    for (var key in this.uniforms)
+    {
+       
+    	// get the uniform locations..
+		program[key] = gl.getUniformLocation(program, key);
+
+
+      
+    }
+  
+	this.program = program;
+}
+
+PIXI.PixiShader.prototype.syncUniforms = function()
+{
+	var gl = PIXI.gl;
+	
+	for (var key in this.uniforms) 
+    {
+    	//var 
+    	var type = this.uniforms[key].type;
+    	
+    	// need to grow this!
+    	if(type == &quot;f&quot;)
+    	{
+			gl.uniform1f(this.program[key], this.uniforms[key].value);
+    	}
+    	if(type == &quot;f2&quot;)
+    	{
+    	//	console.log(this.program[key])
+			gl.uniform2f(this.program[key], this.uniforms[key].value.x, this.uniforms[key].value.y);
+    	}
+        else if(type == &quot;f4&quot;)
+        {
+           // console.log(this.uniforms[key].value)
+            gl.uniform4fv(this.program[key], this.uniforms[key].value);
+        }
+    	else if(type == &quot;mat4&quot;)
+    	{
+    		gl.uniformMatrix4fv(this.program[key], false, this.uniforms[key].value);
+    	}
+    	else if(type == &quot;sampler2D&quot;)
+    	{
+    		// first texture...
+    		var texture = this.uniforms[key].value;
+    		
+    		gl.activeTexture(gl.TEXTURE1);
+	    	gl.bindTexture(gl.TEXTURE_2D, texture.baseTexture._glTexture);
+	    	
+    		gl.uniform1i(this.program[key], 1);
+    		
+    		// activate texture..
+    		// gl.uniformMatrix4fv(this.program[key], false, this.uniforms[key].value);
+    		// gl.uniformMatrix4fv(this.program[key], false, this.uniforms[key].value);
+    	}
+    }
+    
+}
+
+PIXI.PixiShader.defaultVertexSrc = [
+  &quot;attribute vec2 aVertexPosition;&quot;,
+  &quot;attribute vec2 aTextureCoord;&quot;,
+  &quot;attribute float aColor;&quot;,
+  
+  &quot;uniform vec2 projectionVector;&quot;,
+ &quot;uniform vec2 offsetVector;&quot;,
+  &quot;varying vec2 vTextureCoord;&quot;,
+  
+  &quot;varying float vColor;&quot;,
+
+  &quot;const vec2 center = vec2(-1.0, 1.0);&quot;,
+  &quot;void main(void) {&quot;,
+    &quot;gl_Position = vec4( ((aVertexPosition + offsetVector) / projectionVector) + center , 0.0, 1.0);&quot;,
+    &quot;vTextureCoord = aTextureCoord;&quot;,
+    &quot;vColor = aColor;&quot;,
+  &quot;}&quot;
+];
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_renderers_webgl_PrimitiveShader.js.html b/docs/files/src_pixi_renderers_webgl_PrimitiveShader.js.html
new file mode 100644
index 0000000..ec967e2
--- /dev/null
+++ b/docs/files/src_pixi_renderers_webgl_PrimitiveShader.js.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/renderers/webgl/PrimitiveShader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/renderers/webgl/PrimitiveShader.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.PrimitiveShader = function()
+{
+	// the webGL program..
+	this.program;
+    	
+    this.fragmentSrc = [
+      &quot;precision mediump float;&quot;,
+      &quot;varying vec4 vColor;&quot;,
+      &quot;void main(void) {&quot;,
+        &quot;gl_FragColor = vColor;&quot;,
+      &quot;}&quot;
+    ];
+
+    this.vertexSrc  = [
+      &quot;attribute vec2 aVertexPosition;&quot;,
+      &quot;attribute vec4 aColor;&quot;,
+      &quot;uniform mat3 translationMatrix;&quot;,
+      &quot;uniform vec2 projectionVector;&quot;,
+      &quot;uniform vec2 offsetVector;&quot;,
+      &quot;uniform float alpha;&quot;,
+      &quot;varying vec4 vColor;&quot;,
+      &quot;void main(void) {&quot;,
+        &quot;vec3 v = translationMatrix * vec3(aVertexPosition , 1.0);&quot;,
+        &quot;v -= offsetVector.xyx;&quot;,
+        &quot;gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);&quot;,
+        &quot;vColor = aColor  * alpha;&quot;,
+      &quot;}&quot;
+    ];
+	
+}
+
+PIXI.PrimitiveShader.prototype.init = function()
+{
+	var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc);
+	
+	var gl = PIXI.gl;
+	
+  gl.useProgram(program);
+	
+	// get and store the uniforms for the shader
+	this.projectionVector = gl.getUniformLocation(program, &quot;projectionVector&quot;);
+	this.offsetVector = gl.getUniformLocation(program, &quot;offsetVector&quot;);
+	this.colorAttribute = gl.getAttribLocation(program, &quot;aColor&quot;);
+	
+	// get and store the attributes
+	this.aVertexPosition = gl.getAttribLocation(program, &quot;aVertexPosition&quot;);
+	
+    this.translationMatrix = gl.getUniformLocation(program, &quot;translationMatrix&quot;);
+    this.alpha = gl.getUniformLocation(program, &quot;alpha&quot;);
+
+	this.program = program;
+}
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_renderers_webgl_StripShader.js.html b/docs/files/src_pixi_renderers_webgl_StripShader.js.html
new file mode 100644
index 0000000..4e56dc0
--- /dev/null
+++ b/docs/files/src_pixi_renderers_webgl_StripShader.js.html
@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/renderers/webgl/StripShader.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/renderers/webgl/StripShader.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.StripShader = function()
+{
+	// the webGL program..
+	this.program;
+	
+    this.fragmentSrc = [
+      &quot;precision mediump float;&quot;,
+      &quot;varying vec2 vTextureCoord;&quot;,
+      &quot;varying float vColor;&quot;,
+      &quot;uniform float alpha;&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 * alpha;&quot;,
+      &quot;}&quot;
+    ];
+
+    this.vertexSrc = [
+      &quot;attribute vec2 aVertexPosition;&quot;,
+      &quot;attribute vec2 aTextureCoord;&quot;,
+      &quot;attribute float aColor;&quot;,
+      &quot;uniform mat3 translationMatrix;&quot;,
+      &quot;uniform vec2 projectionVector;&quot;,
+      &quot;varying vec2 vTextureCoord;&quot;,
+      &quot;varying vec2 offsetVector;&quot;,
+      &quot;varying float vColor;&quot;,
+      &quot;void main(void) {&quot;,
+        &quot;vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);&quot;,
+        &quot;v -= offsetVector.xyx;&quot;,
+        &quot;gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / projectionVector.y + 1.0 , 0.0, 1.0);&quot;,
+        &quot;vTextureCoord = aTextureCoord;&quot;,
+        &quot;vColor = aColor;&quot;,
+      &quot;}&quot;
+    ];
+}
+
+PIXI.StripShader.prototype.init = function()
+{
+	var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc)
+	
+	var gl = PIXI.gl;
+	
+    gl.useProgram(program);
+
+	// get and store the uniforms for the shader
+	this.uSampler = gl.getUniformLocation(program, &quot;uSampler&quot;);
+	this.projectionVector = gl.getUniformLocation(program, &quot;projectionVector&quot;);
+	this.offsetVector = gl.getUniformLocation(program, &quot;offsetVector&quot;);
+	this.colorAttribute = gl.getAttribLocation(program, &quot;aColor&quot;);
+	//this.dimensions = gl.getUniformLocation(this.program, &quot;dimensions&quot;);
+	
+	// get and store the attributes
+	this.aVertexPosition = gl.getAttribLocation(program, &quot;aVertexPosition&quot;);
+	this.aTextureCoord = gl.getAttribLocation(program, &quot;aTextureCoord&quot;);
+	  
+    this.translationMatrix = gl.getUniformLocation(program, &quot;translationMatrix&quot;);
+    this.alpha = gl.getUniformLocation(program, &quot;alpha&quot;);
+  
+	this.program = program;
+}
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_renderers_webgl_WebGLBatch.js.html b/docs/files/src_pixi_renderers_webgl_WebGLBatch.js.html
index 3d14d09..0d6c2ab 100644
--- a/docs/files/src_pixi_renderers_webgl_WebGLBatch.js.html
+++ b/docs/files/src_pixi_renderers_webgl_WebGLBatch.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/renderers/webgl/WebGLBatch.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,19 +166,19 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLBatch.js</h1>
+                        <h1 class="file-heading">File: src/pixi/renderers/webgl/WebGLBatch.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 PIXI._batchs = [];
 
-&#x2F;**
+/**
  * @private
- *&#x2F;
+ */
 PIXI._getBatch = function(gl)
 {
 	if(PIXI._batchs.length == 0)
@@ -167,18 +191,18 @@ PIXI._getBatch = function(gl)
 	}
 }
 
-&#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++) 
@@ -187,13 +211,18 @@ PIXI._restoreBatchs = function(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. 
+ * 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;
+ * @constructor
+ * @param gl {WebGLContext} an instance of the webGL context
+ */
 PIXI.WebGLBatch = function(gl)
 {
 	this.gl = gl;
@@ -208,32 +237,34 @@ PIXI.WebGLBatch = function(gl)
 	this.dynamicSize = 1;
 }
 
+// constructor
+PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
 
-&#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;
+ *
+ * @method clean
+ */
 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;
+/**
+ * Recreates the buffers in the event of a context loss
+ *
+ * @method restoreLostContext
+ * @param gl {WebGLContext}
+ */
 PIXI.WebGLBatch.prototype.restoreLostContext = function(gl)
 {
 	this.gl = gl;
@@ -243,41 +274,43 @@ PIXI.WebGLBatch.prototype.restoreLostContext = function(gl)
 	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;	
+ * @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)
 {
 	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;
@@ -286,28 +319,27 @@ PIXI.WebGLBatch.prototype.insertBefore = function(sprite, nextSprite)
 	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;
@@ -317,18 +349,18 @@ PIXI.WebGLBatch.prototype.insertAfter = function(sprite, previousSprite)
 	{
 		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;
@@ -336,7 +368,7 @@ PIXI.WebGLBatch.prototype.remove = function(sprite)
 		sprite.__next = null;
 		return;
 	}
-	
+
 	if(sprite.__prev)
 	{
 		sprite.__prev.__next = sprite.__next;
@@ -346,7 +378,7 @@ PIXI.WebGLBatch.prototype.remove = function(sprite)
 		this.head = sprite.__next;
 		this.head.__prev = null;
 	}
-	
+
 	if(sprite.__next)
 	{
 		sprite.__next.__prev = sprite.__prev;
@@ -356,49 +388,40 @@ PIXI.WebGLBatch.prototype.remove = function(sprite)
 		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);
+
+	var batch = new PIXI.WebGLBatch(this.gl);
 	batch.init(sprite);
 	batch.texture = this.texture;
 	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;
+	// return a splite batch!
+
+	// TODO this size is wrong!
+	// need to recalculate :/ problem with a linked list!
+	// unless it gets calculated in the &quot;clean&quot;?
+
+	// need to loop through items as there is no way to know the length on a linked list :/
 	var tempSize = 0;
 	while(sprite)
 	{
@@ -406,42 +429,45 @@ PIXI.WebGLBatch.prototype.split = function(sprite)
 		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;
+/**
+ * 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
+ *
+ * @method growBatch
+ */
 PIXI.WebGLBatch.prototype.growBatch = function()
 {
 	var gl = this.gl;
@@ -453,27 +479,27 @@ PIXI.WebGLBatch.prototype.growBatch = function()
 	{
 		this.dynamicSize = this.size * 1.5
 	}
-	&#x2F;&#x2F; grow verts
+	// 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 )  
+
+	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 )  
+
+	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;
-	
+	var length = this.indices.length/6;
+
 	for (var i=0; i &lt; length; i++) 
 	{
 	    var index2 = i * 6;
@@ -485,215 +511,208 @@ PIXI.WebGLBatch.prototype.growBatch = function()
 		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
+	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;
-		
+
+		this.uvs[index + 0] = frame.x / tw;
+		this.uvs[index +1] = frame.y / th;
+
+		this.uvs[index +2] = (frame.x + frame.width) / tw;
+		this.uvs[index +3] = frame.y / th;
+
+		this.uvs[index +4] = (frame.x + frame.width) / tw;
+		this.uvs[index +5] = (frame.y + frame.height) / th; 
+
+		this.uvs[index +6] = frame.x / tw;
+		this.uvs[index +7] = (frame.y + frame.height) / 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;
+	var verticies = this.verticies;
+	var uvs = this.uvs;
+	var colors = this.colors;
 	
 	while(displayObject)
 	{
-		if(displayObject.worldVisible)
+		if(displayObject.vcount === PIXI.visibleCount)
 		{
 			width = displayObject.texture.frame.width;
 			height = displayObject.texture.frame.height;
-			
-			&#x2F;&#x2F; TODO trim??
-			aX = displayObject.anchor.x;&#x2F;&#x2F; - displayObject.texture.trim.x
-			aY = displayObject.anchor.y; &#x2F;&#x2F;- displayObject.texture.trim.y
+
+			// TODO trim??
+			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; 
-			
-			
+
+			verticies[index + 0 ] = a * w1 + c * h1 + tx; 
+			verticies[index + 1 ] = d * h1 + b * w1 + ty;
+
+			verticies[index + 2 ] = a * w0 + c * h1 + tx; 
+			verticies[index + 3 ] = d * h1 + b * w0 + ty; 
+
+			verticies[index + 4 ] = a * w0 + c * h0 + tx; 
+			verticies[index + 5 ] = d * h0 + b * w0 + ty; 
+
+			verticies[index + 6] =  a * w1 + c * h0 + tx; 
+			verticies[index + 7] =  d * h0 + b * w1 + ty; 
+
 			if(displayObject.updateFrame || displayObject.texture.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;
-				
+
+				uvs[index + 0] = frame.x / tw;
+				uvs[index +1] = frame.y / th;
+
+				uvs[index +2] = (frame.x + frame.width) / tw;
+				uvs[index +3] = frame.y / th;
+
+				uvs[index +4] = (frame.x + frame.width) / tw;
+				uvs[index +5] = (frame.y + frame.height) / th; 
+
+				uvs[index +6] = frame.x / tw;
+				uvs[index +7] = (frame.y + frame.height) / th;
+
 				displayObject.updateFrame = false;
 			}
-			
-			&#x2F;&#x2F; TODO this probably could do with some optimisation....
+
+			// 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;
+				colors[colorIndex] = colors[colorIndex + 1] = colors[colorIndex + 2] = colors[colorIndex + 3] = displayObject.worldAlpha;
 				this.dirtyColors = true;
 			}
 		}
 		else
 		{
 			index = indexRun * 8;
-			
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-			 
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-			
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-			
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
+
+			verticies[index + 0 ] = verticies[index + 1 ] = verticies[index + 2 ] = verticies[index + 3 ] = verticies[index + 4 ] = verticies[index + 5 ] = verticies[index + 6] = 	verticies[index + 7] = 0;
 		}
-		
+
 		indexRun++;
 		displayObject = displayObject.__next;
    }
 }
 
-&#x2F;**
+/**
  * Draws the batch to the frame buffer
+ *
  * @method render
- *&#x2F;
+ */
 PIXI.WebGLBatch.prototype.render = function(start, end)
 {
-	
-&#x2F;&#x2F;	console.log(start + &quot; :: &quot; + end + &quot; : &quot; + this.size);
 	start = start || 0;
-	&#x2F;&#x2F;end = end || this.size;
-	if(end == undefined)end = this.size;
 
+	if(end == undefined)end = this.size;
+	
 	if(this.dirty)
 	{
 		this.refresh();
 		this.dirty = false;
-		
 	}
-	
-	
+
 	if (this.size == 0)return;
-	
+
 	this.update();
 	var gl = this.gl;
+
+	//TODO optimize this!
+
+	var shaderProgram = PIXI.defaultShader;
 	
-	&#x2F;&#x2F;TODO optimize this!
-	
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-	
-	&#x2F;&#x2F; update the verts..
+	//gl.useProgram(shaderProgram);
+
+	// update the verts..
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	&#x2F;&#x2F; ok..
+	// 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.vertexAttribPointer(shaderProgram.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
+	// update the uvs
+	//var isDefault = (shaderProgram == PIXI.shaderProgram)
+
    	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
 
     if(this.dirtyUVS)
@@ -701,13 +720,13 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
     	this.dirtyUVS = false;
     	gl.bufferSubData(gl.ARRAY_BUFFER,  0, this.uvs);
     }
-    
-    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
-	
+
+    gl.vertexAttribPointer(shaderProgram.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
+
     gl.activeTexture(gl.TEXTURE0);
     gl.bindTexture(gl.TEXTURE_2D, this.texture._glTexture);
-	
-	&#x2F;&#x2F; update color!
+
+	// update color!
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer);
 
 	if(this.dirtyColors)
@@ -715,21 +734,17 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
     	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!
+	// dont need to upload!
     gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-	
-	
-	&#x2F;&#x2F;var startIndex = 0&#x2F;&#x2F;1;
+
 	var len = end - start;
-	&#x2F;&#x2F; console.log(this.size)
-    &#x2F;&#x2F; DRAW THAT this!
+
+    // DRAW THAT this!
     gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
 }
 
-
     </pre>
 </div>
 
@@ -739,13 +754,13 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_renderers_webgl_WebGLFilterManager.js.html b/docs/files/src_pixi_renderers_webgl_WebGLFilterManager.js.html
new file mode 100644
index 0000000..d109a7c
--- /dev/null
+++ b/docs/files/src_pixi_renderers_webgl_WebGLFilterManager.js.html
@@ -0,0 +1,708 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/renderers/webgl/WebGLFilterManager.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/renderers/webgl/WebGLFilterManager.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.WebGLFilterManager = function()
+{
+	this.filterStack = [];
+	this.texturePool = [];
+	
+	this.offsetX = 0;
+	this.offsetY = 0;
+	
+	this.initShaderBuffers();
+}
+
+// API
+
+PIXI.WebGLFilterManager.prototype.begin = function(projection, buffer)
+{
+	this.width = projection.x * 2;
+	this.height = -projection.y * 2;
+	this.buffer = buffer;
+}
+
+PIXI.WebGLFilterManager.prototype.pushFilter = function(filterBlock)
+{
+	var gl = PIXI.gl;
+
+	// filter program
+	// OPTIMISATION - the first filter is free if its a simple color change?
+	this.filterStack.push(filterBlock);
+
+	var filter = filterBlock.filterPasses[0];
+
+	
+
+	this.offsetX += filterBlock.target.filterArea.x;
+	this.offsetY += filterBlock.target.filterArea.y;
+	
+	
+	
+	
+	
+	var texture = this.texturePool.pop();
+	if(!texture)texture = new PIXI.FilterTexture(this.width, this.height);
+	
+	gl.bindTexture(gl.TEXTURE_2D,  texture.texture);
+	
+	this.getBounds(filterBlock.target);
+		
+	// addpadding?
+	//displayObject.filterArea.x
+
+	var filterArea = filterBlock.target.filterArea;
+
+	var padidng = filter.padding;
+	filterArea.x -= padidng;
+	filterArea.y -= padidng;
+	filterArea.width += padidng * 2;
+	filterArea.height += padidng * 2;
+
+	// cap filter to screen size..
+	if(filterArea.x &lt; 0)filterArea.x = 0;	
+	if(filterArea.width &gt; this.width)filterArea.width = this.width;
+	if(filterArea.y &lt; 0)filterArea.y = 0;	
+	if(filterArea.height &gt; this.height)filterArea.height = this.height;
+
+
+	//gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  filterArea.width, filterArea.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+	gl.bindFramebuffer(gl.FRAMEBUFFER, texture.frameBuffer);
+   
+  // console.log(filterArea)
+	// set view port
+	gl.viewport(0, 0, filterArea.width, filterArea.height);	
+	
+	PIXI.projection.x = filterArea.width/2;
+	PIXI.projection.y = -filterArea.height/2;
+	
+	PIXI.offset.x = -filterArea.x; 
+	PIXI.offset.y = -filterArea.y;
+
+	//console.log(PIXI.defaultShader.projectionVector)
+	// update projection
+	gl.uniform2f(PIXI.defaultShader.projectionVector, filterArea.width/2, -filterArea.height/2);
+	gl.uniform2f(PIXI.defaultShader.offsetVector, -filterArea.x, -filterArea.y);
+	//PIXI.primitiveProgram
+
+	gl.colorMask(true, true, true, true); 
+	gl.clearColor(0,0,0, 0);     
+	gl.clear(gl.COLOR_BUFFER_BIT);
+	
+	//filter.texture = texture;
+	filterBlock._glFilterTexture = texture;
+
+	//console.log(&quot;PUSH&quot;)
+}
+
+
+PIXI.WebGLFilterManager.prototype.popFilter = function()
+{
+	
+	var gl = PIXI.gl;
+	
+	var filterBlock = this.filterStack.pop();
+
+
+
+	var filterArea = filterBlock.target.filterArea;
+
+	var texture = filterBlock._glFilterTexture;
+
+	if(filterBlock.filterPasses.length &gt; 1)
+	{
+		gl.viewport(0, 0, filterArea.width, filterArea.height);
+
+		gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	
+		this.vertexArray[0] = 0;
+		this.vertexArray[1] = filterArea.height;
+		
+		this.vertexArray[2] = filterArea.width;
+		this.vertexArray[3] = filterArea.height;
+		
+		this.vertexArray[4] = 0;
+		this.vertexArray[5] = 0;
+		
+		this.vertexArray[6] = filterArea.width;
+		this.vertexArray[7] = 0;
+
+
+		gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
+
+	
+		gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+		// nnow set the uvs..
+		this.uvArray[2] = filterArea.width/this.width;
+		this.uvArray[5] = filterArea.height/this.height;
+		this.uvArray[6] = filterArea.width/this.width;
+		this.uvArray[7] = filterArea.height/this.height;
+		
+		gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
+
+		var inputTexture = texture;
+		var outputTexture = this.texturePool.pop();
+		if(!outputTexture)outputTexture = new PIXI.FilterTexture(this.width, this.height);
+		
+		// need to clear this FBO as it may have some left over elements from a prvious filter.
+		gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );     
+		gl.clear(gl.COLOR_BUFFER_BIT);
+	 
+		gl.disable(gl.BLEND);
+		
+		for (var i = 0; i &lt; filterBlock.filterPasses.length-1; i++) 
+		{
+			var filterPass = filterBlock.filterPasses[i];
+	
+			gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );
+			
+			// set texture
+		    gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, inputTexture.texture);
+			
+			// draw texture..
+			//filterPass.applyFilterPass(filterArea.width, filterArea.height);
+			this.applyFilterPass(filterPass, filterArea, filterArea.width, filterArea.height);
+
+			// swap the textures..
+			var temp = inputTexture;
+			inputTexture = outputTexture;
+			outputTexture = temp;
+			
+		};
+
+		gl.enable(gl.BLEND);
+
+		texture = inputTexture;
+		this.texturePool.push(outputTexture);
+	}
+
+	var filter = filterBlock.filterPasses[filterBlock.filterPasses.length-1];
+	
+	this.offsetX -= filterArea.x;
+	this.offsetY -= filterArea.y;
+
+	
+	var sizeX = this.width;
+	var sizeY = this.height;
+	
+	var offsetX = 0;
+	var offsetY = 0;
+	
+	var buffer = this.buffer;
+	
+	// time to render the filters texture to the previous scene
+	if(this.filterStack.length === 0)
+	{
+		gl.colorMask(true, true, true, this.buffer); 
+	}
+	else
+	{
+		var currentFilter = this.filterStack[this.filterStack.length-1];
+		var filterArea = currentFilter.target.filterArea;
+		
+		sizeX = filterArea.width;
+		sizeY = filterArea.height;
+		
+		offsetX = filterArea.x;
+		offsetY = filterArea.y;
+		
+		buffer =  currentFilter._glFilterTexture.frameBuffer;
+	}
+	
+	
+
+	// TODO need toremove thease global elements..
+	PIXI.projection.x = sizeX/2;
+	PIXI.projection.y = -sizeY/2;
+
+	PIXI.offset.x = offsetX;
+	PIXI.offset.y = offsetY; 
+	
+
+	var filterArea =  filterBlock.target.filterArea;
+	var x = filterArea.x-offsetX;
+	var y = filterArea.y-offsetY;
+	
+	// update the buffers..	
+	// make sure to flip the y!
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	
+	this.vertexArray[0] = x;
+	this.vertexArray[1] = y + filterArea.height;
+	
+	this.vertexArray[2] = x + filterArea.width;
+	this.vertexArray[3] = y + filterArea.height;
+	
+	this.vertexArray[4] = x;
+	this.vertexArray[5] = y;
+	
+	this.vertexArray[6] = x + filterArea.width;
+	this.vertexArray[7] = y;
+
+	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+
+	this.uvArray[2] = filterArea.width/this.width;
+	this.uvArray[5] = filterArea.height/this.height;
+	this.uvArray[6] = filterArea.width/this.width;
+	this.uvArray[7] = filterArea.height/this.height;
+	
+	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
+
+	gl.viewport(0, 0, sizeX, sizeY);	
+	// bind the buffer
+	gl.bindFramebuffer(gl.FRAMEBUFFER, buffer );
+	
+	// set texture
+    gl.activeTexture(gl.TEXTURE0);
+	gl.bindTexture(gl.TEXTURE_2D, texture.texture);
+	
+	// apply!
+	//filter.applyFilterPass(sizeX, sizeY);
+	this.applyFilterPass(filter, filterArea, sizeX, sizeY);
+
+	// now restore the regular shader..
+    gl.useProgram(PIXI.defaultShader.program);
+	gl.uniform2f(PIXI.defaultShader.projectionVector, sizeX/2, -sizeY/2);
+	gl.uniform2f(PIXI.defaultShader.offsetVector, -offsetX, -offsetY);
+
+	// return the texture to the pool
+	this.texturePool.push(texture);
+	filterBlock._glFilterTexture = null;	
+}
+
+PIXI.WebGLFilterManager.prototype.applyFilterPass = function(filter, filterArea, width, height)
+{
+	// use program
+	var gl = PIXI.gl;
+
+	if(!filter.shader)
+	{
+		var shader = new PIXI.PixiShader();
+				
+		shader.fragmentSrc = filter.fragmentSrc;
+		shader.uniforms = filter.uniforms;
+		shader.init();
+		
+		filter.shader = shader;
+	}
+
+	var shader = filter.shader;
+	
+	// set the shader
+	gl.useProgram(shader.program);
+
+	gl.uniform2f(shader.projectionVector, width/2, -height/2);
+	gl.uniform2f(shader.offsetVector, 0,0)
+
+	if(filter.uniforms.dimensions)
+	{
+		//console.log(filter.uniforms.dimensions)
+		filter.uniforms.dimensions.value[0] = this.width;//width;
+		filter.uniforms.dimensions.value[1] = this.height;//height;
+		filter.uniforms.dimensions.value[2] = this.vertexArray[0];
+		filter.uniforms.dimensions.value[3] = this.vertexArray[5];//filterArea.height;
+	//	console.log(this.vertexArray[5])
+	}
+
+	shader.syncUniforms();
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
+   
+   	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+    gl.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
+	
+    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+    
+	// draw the filter...
+    gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 );
+}
+
+PIXI.WebGLFilterManager.prototype.initShaderBuffers = function()
+{
+	var gl = PIXI.gl;
+	
+	// create some buffers
+	this.vertexBuffer = gl.createBuffer();	
+	this.uvBuffer = gl.createBuffer();
+	this.indexBuffer = gl.createBuffer();
+	
+	// bind and upload the vertexs..
+	// keep a refferance to the vertexFloatData..
+	this.vertexArray = new Float32Array([0.0, 0.0, 
+								         1.0, 0.0, 
+								         0.0, 1.0, 
+								         1.0, 1.0]);
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	gl.bufferData(
+    gl.ARRAY_BUFFER, 
+    this.vertexArray, 
+    gl.STATIC_DRAW);
+    
+    
+    // bind and upload the uv buffer
+	this.uvArray = new Float32Array([0.0, 0.0, 
+								     1.0, 0.0, 
+								     0.0, 1.0, 
+								     1.0, 1.0]);
+								         
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+	gl.bufferData(
+    gl.ARRAY_BUFFER, 
+    this.uvArray, 
+    gl.STATIC_DRAW);
+    
+	// bind and upload the index
+	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+	gl.bufferData(
+    gl.ELEMENT_ARRAY_BUFFER, 
+    new Uint16Array([0, 1, 2, 1, 3, 2]), 
+    gl.STATIC_DRAW);
+}
+
+PIXI.WebGLFilterManager.prototype.getBounds = function(displayObject)
+{
+	// time to get the width and height of the object!
+	var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index, doTest;
+	var a, b, c, d, tx, ty, x1, x2, x3, x4, y1, y2, y3, y4;
+
+	var tempObject = displayObject.first;
+	var testObject = displayObject.last._iNext;
+	
+	var maxX = -Infinity;
+	var maxY = -Infinity;
+	
+	var minX = Infinity;
+	var minY = Infinity;
+	
+	do	
+	{
+		// TODO can be optimized! - what if there is no scale / rotation?
+		
+		if(tempObject.visible)
+		{
+			if(tempObject instanceof PIXI.Sprite)
+			{
+				width = tempObject.texture.frame.width;
+				height = tempObject.texture.frame.height;
+
+				// TODO trim??
+				aX = tempObject.anchor.x;
+				aY = tempObject.anchor.y;
+				w0 = width * (1-aX);
+				w1 = width * -aX;
+
+				h0 = height * (1-aY);
+				h1 = height * -aY;
+
+				doTest = true;
+			}
+			else if(tempObject instanceof PIXI.Graphics)
+			{
+				tempObject.updateFilterBounds();
+
+				var bounds = tempObject.bounds;
+
+				width = bounds.width;
+				height = bounds.height;
+
+				w0 = bounds.x
+				w1 = bounds.x + bounds.width;
+
+				h0 = bounds.y
+				h1 = bounds.y + bounds.height;
+
+				doTest = true;	
+			}
+		}
+		
+		if(doTest)
+		{
+			worldTransform = tempObject.worldTransform;
+
+			a = worldTransform[0];
+			b = worldTransform[3];
+			c = worldTransform[1];
+			d = worldTransform[4];
+			tx = worldTransform[2];
+			ty = worldTransform[5];
+
+			x1 = a * w1 + c * h1 + tx; 
+			y1 = d * h1 + b * w1 + ty;
+
+			x2 = a * w0 + c * h1 + tx; 
+			y2 = d * h1 + b * w0 + ty; 
+
+			x3 = a * w0 + c * h0 + tx; 
+			y3 = d * h0 + b * w0 + ty; 
+
+			x4 =  a * w1 + c * h0 + tx; 
+			y4 =  d * h0 + b * w1 + ty; 
+
+			minX = x1 &lt; minX ? x1 : minX;
+			minX = x2 &lt; minX ? x2 : minX;
+			minX = x3 &lt; minX ? x3 : minX;
+			minX = x4 &lt; minX ? x4 : minX;
+			
+			minY = y1 &lt; minY ? y1 : minY;
+			minY = y2 &lt; minY ? y2 : minY;
+			minY = y3 &lt; minY ? y3 : minY;
+			minY = y4 &lt; minY ? y4 : minY;
+			
+			maxX = x1 &gt; maxX ? x1 : maxX;
+			maxX = x2 &gt; maxX ? x2 : maxX;
+			maxX = x3 &gt; maxX ? x3 : maxX;
+			maxX = x4 &gt; maxX ? x4 : maxX;
+			
+			maxY = y1 &gt; maxY ? y1 : maxY;
+			maxY = y2 &gt; maxY ? y2 : maxY;
+			maxY = y3 &gt; maxY ? y3 : maxY;
+			maxY = y4 &gt; maxY ? y4 : maxY;
+		}
+
+		doTest = false;
+		tempObject = tempObject._iNext;
+
+	}
+	while(tempObject != testObject)
+	
+	// maximum bounds is the size of the screen..
+	//minX = minX &gt; 0 ? minX : 0;
+	//minY = minY &gt; 0 ? minY : 0;
+
+	displayObject.filterArea.x = minX;
+	displayObject.filterArea.y = minY;
+
+//	console.log(maxX+ &quot; : &quot; + minX)
+	displayObject.filterArea.width = maxX - minX;
+	displayObject.filterArea.height = maxY - minY;
+}
+
+PIXI.FilterTexture = function(width, height)
+{
+	var gl = PIXI.gl;
+	
+    // next time to create a frame buffer and texture
+	this.frameBuffer = gl.createFramebuffer();
+    this.texture = gl.createTexture();
+
+    gl.bindTexture(gl.TEXTURE_2D,  this.texture);
+    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);
+	gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer );
+	
+	gl.bindFramebuffer(gl.FRAMEBUFFER, this.frameBuffer );
+	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.texture, 0);
+	
+	this.resize(width, height);
+}
+
+PIXI.FilterTexture.prototype.resize = function(width, height)
+{
+	this.width = width;
+	this.height = height;
+
+	var gl = PIXI.gl;
+
+	gl.bindTexture(gl.TEXTURE_2D,  this.texture);
+	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+	
+}
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_renderers_webgl_WebGLGraphics.js.html b/docs/files/src_pixi_renderers_webgl_WebGLGraphics.js.html
index 0240783..9279cb9 100644
--- a/docs/files/src_pixi_renderers_webgl_WebGLGraphics.js.html
+++ b/docs/files/src_pixi_renderers_webgl_WebGLGraphics.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/renderers/webgl/WebGLGraphics.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,28 +166,35 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js</h1>
+                        <h1 class="file-heading">File: src/pixi/renderers/webgl/WebGLGraphics.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-
-
-&#x2F;**
+/**
  * A set of functions used by the webGL renderer to draw the primitive graphics data
- * @class CanvasGraphics 
- *&#x2F;
+ *
+ * @class CanvasGraphics
+ */
 PIXI.WebGLGraphics = function()
 {
 	
 }
 
+/**
+ * Renders the graphics object
+ *
+ * @static
+ * @private
+ * @method renderGraphics
+ * @param graphics {Graphics}
+ * @param projection {Object}
+ */
 PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 {
-	
 	var gl = PIXI.gl;
 	
 	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
@@ -187,42 +218,52 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 		PIXI.WebGLGraphics.updateGraphics(graphics);
 	}
 	
-	
 	PIXI.activatePrimitiveShader();
 	
-	&#x2F;&#x2F; This  could be speeded up fo sure!
+	// This  could be speeded up fo sure!
 	var m = PIXI.mat3.clone(graphics.worldTransform);
 	
 	PIXI.mat3.transpose(m);
 	
-	&#x2F;&#x2F; set the matrix transform for the 
+	// set the matrix transform for the 
  	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+
+ 	gl.uniformMatrix3fv(PIXI.primitiveShader.translationMatrix, false, m);
  	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
+	gl.uniform2f(PIXI.primitiveShader.projectionVector, projection.x, -projection.y);
+	gl.uniform2f(PIXI.primitiveShader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
 	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
+	gl.uniform1f(PIXI.primitiveShader.alpha, graphics.worldAlpha);
 
 	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
 	
-	&#x2F;&#x2F; WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	&#x2F;&#x2F; its not even used.. but need to be set or it breaks?
-	&#x2F;&#x2F; only on pc though..
+	// WHY DOES THIS LINE NEED TO BE THERE???
+	//gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
+	// its not even used.. but need to be set or it breaks?
+	// only on pc though..
 	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
+	gl.vertexAttribPointer(PIXI.primitiveShader.aVertexPosition, 2, gl.FLOAT, false, 4 * 6, 0);
+	gl.vertexAttribPointer(PIXI.primitiveShader.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
 	
-	&#x2F;&#x2F; set the index buffer!
+	// set the index buffer!
 	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
 	
 	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
 	
-	&#x2F;&#x2F; return to default shader...
-	PIXI.activateDefaultShader();
+	PIXI.deactivatePrimitiveShader();
+	
+	// return to default shader...
+//	PIXI.activateShader(PIXI.defaultShader);
 }
 
+/**
+ * Updates the graphics object
+ *
+ * @static
+ * @private
+ * @method updateGraphics
+ * @param graphics {Graphics}
+ */
 PIXI.WebGLGraphics.updateGraphics = function(graphics)
 {
 	for (var i=graphics._webGL.lastIndex; i &lt; graphics.graphicsData.length; i++) 
@@ -267,12 +308,20 @@ PIXI.WebGLGraphics.updateGraphics = function(graphics)
     gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
 }
 
-
+/**
+ * Builds a rectangle to draw
+ *
+ * @static
+ * @private
+ * @method buildRectangle
+ * @param graphics {Graphics}
+ * @param webGLData {Object}
+ */
 PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
 {
-	&#x2F;&#x2F; --- &#x2F;&#x2F;
-	&#x2F;&#x2F; need to convert points to a nice regular data
-	&#x2F;&#x2F; 
+	// --- //
+	// need to convert points to a nice regular data
+	// 
 	var rectData = graphicsData.points;
 	var x = rectData[0];
 	var y = rectData[1];
@@ -292,9 +341,9 @@ PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
 		var verts = webGLData.points;
 		var indices = webGLData.indices;
 	
-		var vertPos = verts.length&#x2F;6;
+		var vertPos = verts.length/6;
 		
-		&#x2F;&#x2F; start
+		// start
 		verts.push(x, y);
 		verts.push(r, g, b, alpha);
 		
@@ -307,7 +356,7 @@ PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
 		verts.push(x + width, y + height);
 		verts.push(r, g, b, alpha);
 		
-		&#x2F;&#x2F; insert 2 dead triangles..
+		// insert 2 dead triangles..
 		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
 	}
 	
@@ -324,11 +373,20 @@ PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
 	
 }
 
+/**
+ * Builds a circle to draw
+ *
+ * @static
+ * @private
+ * @method buildCircle
+ * @param graphics {Graphics}
+ * @param webGLData {Object}
+ */
 PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
 {
-	&#x2F;&#x2F; --- &#x2F;&#x2F;
-	&#x2F;&#x2F; need to convert points to a nice regular data
-	&#x2F;&#x2F; 
+	// --- //
+	// need to convert points to a nice regular data
+	// 
 	var rectData = graphicsData.points;
 	var x = rectData[0];
 	var y = rectData[1];
@@ -336,7 +394,7 @@ PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
 	var height = rectData[3];
 	
 	var totalSegs = 40;
-	var seg = (Math.PI * 2) &#x2F; totalSegs ;
+	var seg = (Math.PI * 2) / totalSegs ;
 		
 	if(graphicsData.fill)
 	{
@@ -350,7 +408,7 @@ PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
 		var verts = webGLData.points;
 		var indices = webGLData.indices;
 	
-		var vecPos = verts.length&#x2F;6;
+		var vecPos = verts.length/6;
 		
 		indices.push(vecPos);
 		
@@ -383,19 +441,28 @@ PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
 	
 }
 
+/**
+ * Builds a line to draw
+ *
+ * @static
+ * @private
+ * @method buildLine
+ * @param graphics {Graphics}
+ * @param webGLData {Object}
+ */
 PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 {
-	&#x2F;&#x2F; TODO OPTIMISE!
+	// TODO OPTIMISE!
 	
 	var wrap = true;
 	var points = graphicsData.points;
 	if(points.length == 0)return;
 	
-	&#x2F;&#x2F; get first and last point.. figure out the middle!
+	// get first and last point.. figure out the middle!
 	var firstPoint = new PIXI.Point( points[0], points[1] );
 	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
 	
-	&#x2F;&#x2F; if the first point is the last point - goona have issues :)
+	// if the first point is the last point - goona have issues :)
 	if(firstPoint.x == lastPoint.x &amp;&amp; firstPoint.y == lastPoint.y)
 	{
 		points.pop();
@@ -412,14 +479,14 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	
 	var verts = webGLData.points;
 	var indices = webGLData.indices;
-	var length = points.length &#x2F; 2;
+	var length = points.length / 2;
 	var indexCount = points.length;
-	var indexStart = verts.length&#x2F;6;
+	var indexStart = verts.length/6;
 	
-	&#x2F;&#x2F; DRAW the Line
-	var width = graphicsData.lineWidth &#x2F; 2;
+	// DRAW the Line
+	var width = graphicsData.lineWidth / 2;
 	
-	&#x2F;&#x2F; sort color
+	// sort color
 	var color = HEXtoRGB(graphicsData.lineColor);
 	var alpha = graphicsData.lineAlpha;
 	var r = color[0] * alpha;
@@ -443,12 +510,12 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	
 	dist = Math.sqrt(perpx*perpx + perpy*perpy);
 	
-	perpx &#x2F;= dist;
-	perpy &#x2F;= dist;
+	perpx /= dist;
+	perpy /= dist;
 	perpx *= width;
 	perpy *= width;
 	
-	&#x2F;&#x2F; start
+	// start
 	verts.push(p1x - perpx , p1y - perpy,
 				r, g, b, alpha);
 	
@@ -470,8 +537,8 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 		perpy = p1x - p2x;
 		
 		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx &#x2F;= dist;
-		perpy &#x2F;= dist;
+		perpx /= dist;
+		perpy /= dist;
 		perpx *= width;
 		perpy *= width;
 
@@ -479,8 +546,8 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 		perp2y = p2x - p3x;
 		
 		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x &#x2F;= dist;
-		perp2y &#x2F;= dist;
+		perp2x /= dist;
+		perp2y /= dist;
 		perp2x *= width;
 		perp2y *= width;
 		
@@ -497,8 +564,8 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	    	denom+=1;
 	    }
 	    
-	    px = (b1*c2 - b2*c1)&#x2F;denom;
-	    py = (a2*c1 - a1*c2)&#x2F;denom;
+	    px = (b1*c2 - b2*c1)/denom;
+	    py = (a2*c1 - a1*c2)/denom;
 		
 		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
 		
@@ -508,8 +575,8 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 			perp3y = perpy - perp2y;
 			
 			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x &#x2F;= dist;
-			perp3y &#x2F;= dist;
+			perp3x /= dist;
+			perp3y /= dist;
 			perp3x *= width;
 			perp3y *= width;
 			
@@ -529,7 +596,7 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 			verts.push(px , py);
 			verts.push(r, g, b, alpha);
 			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));&#x2F;&#x2F;, 4);
+			verts.push(p2x - (px-p2x), p2y - (py - p2y));
 			verts.push(r, g, b, alpha);
 		}
 	}
@@ -544,8 +611,8 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	perpy = p1x - p2x;
 	
 	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx &#x2F;= dist;
-	perpy &#x2F;= dist;
+	perpx /= dist;
+	perpy /= dist;
 	perpx *= width;
 	perpy *= width;
 	
@@ -565,19 +632,27 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	indices.push(indexStart-1);
 }
 
-
+/**
+ * Builds a polygon to draw
+ *
+ * @static
+ * @private
+ * @method buildPoly
+ * @param graphics {Graphics}
+ * @param webGLData {Object}
+ */
 PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
 {
 	var points = graphicsData.points;
 	if(points.length &lt; 6)return;
 	
-	&#x2F;&#x2F; get first and last point.. figure out the middle!
+	// get first and last point.. figure out the middle!
 	var verts = webGLData.points;
 	var indices = webGLData.indices;
 	
-	var length = points.length &#x2F; 2;
+	var length = points.length / 2;
 	
-	&#x2F;&#x2F; sort color
+	// sort color
 	var color = HEXtoRGB(graphicsData.fillColor);
 	var alpha = graphicsData.fillAlpha;
 	var r = color[0] * alpha;
@@ -586,7 +661,7 @@ PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
 	
 	var triangles = PIXI.PolyK.Triangulate(points);
 	
-	var vertPos = verts.length &#x2F; 6;
+	var vertPos = verts.length / 6;
 	
 	for (var i=0; i &lt; triangles.length; i+=3) 
 	{
@@ -605,7 +680,7 @@ PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
 }
 
 function HEXtoRGB(hex) {
-	return [(hex &gt;&gt; 16 &amp; 0xFF) &#x2F; 255, ( hex &gt;&gt; 8 &amp; 0xFF) &#x2F; 255, (hex &amp; 0xFF)&#x2F; 255];
+	return [(hex &gt;&gt; 16 &amp; 0xFF) / 255, ( hex &gt;&gt; 8 &amp; 0xFF) / 255, (hex &amp; 0xFF)/ 255];
 }
 
 
@@ -621,13 +696,13 @@ function HEXtoRGB(hex) {
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html b/docs/files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html
index d73c577..59183b3 100644
--- a/docs/files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html
+++ b/docs/files/src_pixi_renderers_webgl_WebGLRenderGroup.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/renderers/webgl/WebGLRenderGroup.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,24 +166,27 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderGroup.js</h1>
+                        <h1 class="file-heading">File: src/pixi/renderers/webgl/WebGLRenderGroup.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-
-
-
-&#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. 
+ * 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;
+ * @contructor
+ * @param gl {WebGLContext} An instance of the webGL context
+ */
 PIXI.WebGLRenderGroup = function(gl)
 {
 	this.gl = gl;
@@ -168,106 +195,90 @@ PIXI.WebGLRenderGroup = function(gl)
 	this.backgroundColor;
 	this.batchs = [];
 	this.toRemove = [];
+	
+	this.filterManager = new PIXI.WebGLFilterManager();
 }
 
-&#x2F;&#x2F; constructor
-PIXI.WebGLRenderGroup.constructor = PIXI.WebGLRenderGroup;
+// constructor
+PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
 
+/**
+ * Add a display object to the webgl renderer
+ *
+ * @method setRenderable
+ * @param displayObject {DisplayObject}
+ * @private 
+ */
 PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
 {
-	&#x2F;&#x2F; has this changed??
+	// has this changed??
 	if(this.root)this.removeDisplayObjectAndChildren(this.root);
 	
 	displayObject.worldVisible = displayObject.visible;
 	
-	&#x2F;&#x2F; soooooo &#x2F;&#x2F;
-	&#x2F;&#x2F; to check if any batchs exist already??
+	// soooooo //
+	// to check if any batchs exist already??
 	
-	&#x2F;&#x2F; TODO what if its already has an object? should remove it
+	// TODO what if its already has an object? should remove it
 	this.root = displayObject;
 	this.addDisplayObjectAndChildren(displayObject);
 }
 
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
+/**
+ * Renders the stage to its webgl view
+ *
+ * @method render
+ * @param projection {Object}
+ */
+PIXI.WebGLRenderGroup.prototype.render = function(projection, buffer)
 {
 	PIXI.WebGLRenderer.updateTextures();
 	
 	var gl = this.gl;
+	gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
 
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
+	this.filterManager.begin(projection, buffer);
+
+	
 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	&#x2F;&#x2F; TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	&#x2F;&#x2F; will render all the elements in the group
+	// will render all the elements in the group
 	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();
+			continue;
 		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible &amp;&amp; renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);&#x2F;&#x2F;, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			&#x2F;*
-			 * for now only masks are supported..
-			 *&#x2F;
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
+		
+		// render special
+		this.renderSpecial(renderable, projection);
 	}
 	
 }
 
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
+/**
+ * Renders a specific displayObject
+ *
+ * @method renderSpecific
+ * @param displayObject {DisplayObject}
+ * @param projection {Object}
+ * @private
+ */
+PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection, buffer)
 {
 	PIXI.WebGLRenderer.updateTextures();
-	
 	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-&#x2F;&#x2F;	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
 
-	&#x2F;&#x2F; to do!
-	&#x2F;&#x2F; render part of the scene...
+	gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
+
+	this.filterManager.begin(projection, buffer);
+
+	// to do!
+	// render part of the scene...
 	
 	var startIndex;
 	var startBatchIndex;
@@ -275,20 +286,22 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 	var endIndex;
 	var endBatchIndex;
 	
-	&#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
-	 *&#x2F;
-	var nextRenderable = displayObject.last;
+	 */
+	var nextRenderable = displayObject.first;
 	while(nextRenderable._iNext)
 	{
-		nextRenderable = nextRenderable._iNext;
 		if(nextRenderable.renderable &amp;&amp; nextRenderable.__renderGroup)break;
+		nextRenderable = nextRenderable._iNext;
 	}
 	var startBatch = nextRenderable.batch;
+	//console.log(nextRenderable);
 	
+	//console.log(renderable)
 	if(nextRenderable instanceof PIXI.Sprite)
 	{
 		startBatch = nextRenderable.batch;
@@ -296,7 +309,7 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 		var head = startBatch.head;
 		var next = head;
 		
-		&#x2F;&#x2F; ok now we have the batch.. need to find the start index!
+		// ok now we have the batch.. need to find the start index!
 		if(head == nextRenderable)
 		{
 			startIndex = 0;
@@ -317,14 +330,12 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 		startBatch = nextRenderable;
 	}
 	
-	&#x2F;&#x2F; Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length &gt; 0)
+	// Get the LAST renderable object
+	var lastRenderable = displayObject.last;
+	while(lastRenderable._iPrev)
 	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
+		if(lastRenderable.renderable &amp;&amp; lastRenderable.__renderGroup)break;
+		lastRenderable = lastRenderable._iNext;
 	}
 	
 	if(lastRenderable instanceof PIXI.Sprite)
@@ -353,7 +364,8 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 		endBatch = lastRenderable;
 	}
 	
-	&#x2F;&#x2F; TODO - need to fold this up a bit!
+	//console.log(endBatch);
+	// TODO - need to fold this up a bit!
 	
 	if(startBatch == endBatch)
 	{
@@ -363,26 +375,26 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 		}
 		else
 		{
-			this.renderSpecial(startBatch);
+			this.renderSpecial(startBatch, projection);
 		}
 		return;
 	}
 	
-	&#x2F;&#x2F; now we have first and last!
+	// now we have first and last!
 	startBatchIndex = this.batchs.indexOf(startBatch);
 	endBatchIndex = this.batchs.indexOf(endBatch);
 	
-	&#x2F;&#x2F; DO the first batch
+	// DO the first batch
 	if(startBatch instanceof PIXI.WebGLBatch)
 	{
 		startBatch.render(startIndex);
 	}
 	else
 	{
-		this.renderSpecial(startBatch);
+		this.renderSpecial(startBatch, projection);
 	}
 	
-	&#x2F;&#x2F; DO the middle batchs..
+	// DO the middle batchs..
 	for (var i=startBatchIndex+1; i &lt; endBatchIndex; i++) 
 	{
 		renderable = this.batchs[i];
@@ -393,58 +405,97 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 		}
 		else
 		{
-			this.renderSpecial(renderable);
+			this.renderSpecial(renderable, projection);
 		}
 	}
 	
-	&#x2F;&#x2F; DO the last batch..
+	// DO the last batch..
 	if(endBatch instanceof PIXI.WebGLBatch)
 	{
 		endBatch.render(0, endIndex+1);
 	}
 	else
 	{
-		this.renderSpecial(endBatch);
+		this.renderSpecial(endBatch, projection);
 	}
 }
 
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable)
+/**
+ * Renders a specific renderable
+ *
+ * @method renderSpecial
+ * @param renderable {DisplayObject}
+ * @param projection {Object}
+ * @private
+ */
+PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
 {
+	
+	var worldVisible = renderable.vcount === PIXI.visibleCount
+
+
 	if(renderable instanceof PIXI.TilingSprite)
 	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projectionMatrix);
+		if(worldVisible)this.renderTilingSprite(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.Strip)
 	{
-		if(renderable.visible)this.renderStrip(renderable, projectionMatrix);
+		if(worldVisible)this.renderStrip(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.CustomRenderable)
 	{
-		if(renderable.visible) renderable.renderWebGL(this, projectionMatrix);
+		if(worldVisible) renderable.renderWebGL(this, projection);
 	}
 	else if(renderable instanceof PIXI.Graphics)
 	{
-		if(renderable.visible &amp;&amp; renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable);&#x2F;&#x2F;, projectionMatrix);
+		if(worldVisible &amp;&amp; renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.FilterBlock)
 	{
-		&#x2F;*
-		 * for now only masks are supported..
-		 *&#x2F;
-		if(renderable.open)
+		this.handleFilterBlock(renderable, projection);
+	}
+}
+
+PIXI.WebGLRenderGroup.prototype.handleFilterBlock = function(filterBlock, projection)
+{
+	/*
+	 * for now only masks are supported..
+	 */
+	var gl = PIXI.gl;
+	
+	if(filterBlock.open)
+	{
+		if(filterBlock.data instanceof Array)
 		{
+			//var filter = filterBlock.data[0];
+			//console.log(filter)
+			this.filterManager.pushFilter(filterBlock);//filter);
+			// ok so..
+			
+		}
+		else
+		{
+			
 			gl.enable(gl.STENCIL_TEST);
 				
 			gl.colorMask(false, false, false, false);
 			gl.stencilFunc(gl.ALWAYS,1,0xff);
 			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
+			PIXI.WebGLGraphics.renderGraphics(filterBlock.data, projection);
 				
-			gl.colorMask(true, true, true, false);
+			gl.colorMask(true, true, true, true);
 			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
 			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
 		}
+	}
+	else
+	{
+		if(filterBlock.data instanceof Array)
+		{
+			this.filterManager.popFilter();
+		//	PIXI.popShader();
+		//	gl.uniform2f(PIXI.currentShader.projectionVector, projection.x, projection.y);
+		}
 		else
 		{
 			gl.disable(gl.STENCIL_TEST);
@@ -452,46 +503,25 @@ PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable)
 	}
 }
 
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	&#x2F;&#x2F; give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	&#x2F;&#x2F;displayObject.worldVisible = globalVisible;
-	for (var i=0; i &lt; children.length; i++) 
-	{
-		var child = children[i];
-		
-		&#x2F;&#x2F; TODO optimize... should&#x27;nt need to loop through everything all the time
-		child.worldVisible = 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(child.worldVisible)this.updateTexture(child);
-			&#x2F;&#x2F; update texture!!
-		}
-		
-		if(child.children.length &gt; 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
+/**
+ * Updates a webgl texture
+ *
+ * @method updateTexture
+ * @param displayObject {DisplayObject}
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
 {
 	
-	&#x2F;&#x2F; TODO definitely can optimse this function..
+	// TODO definitely can optimse this function..
 	
 	this.removeObject(displayObject);
 	
-	&#x2F;*
+	/*
 	 *  LOOK FOR THE PREVIOUS RENDERABLE
 	 *  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 previousRenderable = displayObject.first;
 	while(previousRenderable != this.root)
 	{
@@ -499,12 +529,12 @@ PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
 		if(previousRenderable.renderable &amp;&amp; previousRenderable.__renderGroup)break;
 	}
 	
-	&#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
-	 *&#x2F;
+	 */
 	var nextRenderable = displayObject.last;
 	while(nextRenderable._iNext)
 	{
@@ -515,31 +545,39 @@ PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
 	this.insertObject(displayObject, previousRenderable, nextRenderable);
 }
 
+/**
+ * Adds filter blocks
+ *
+ * @method addFilterBlocks
+ * @param start {FilterBlock}
+ * @param end {FilterBlock}
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
 {
 	start.__renderGroup = this;
 	end.__renderGroup = this;
-	&#x2F;*
+	/*
 	 *  LOOK FOR THE PREVIOUS RENDERABLE
 	 *  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 previousRenderable = start;
-	while(previousRenderable != this.root)
+	while(previousRenderable != this.root.first)
 	{
 		previousRenderable = previousRenderable._iPrev;
 		if(previousRenderable.renderable &amp;&amp; previousRenderable.__renderGroup)break;
 	}
 	this.insertAfter(start, previousRenderable);
 		
-	&#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
-	 *&#x2F;
+	 */
 	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
+	while(previousRenderable2 != this.root.first)
 	{
 		previousRenderable2 = previousRenderable2._iPrev;
 		if(previousRenderable2.renderable &amp;&amp; previousRenderable2.__renderGroup)break;
@@ -547,35 +585,50 @@ PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
 	this.insertAfter(end, previousRenderable2);
 }
 
+/**
+ * Remove filter blocks
+ *
+ * @method removeFilterBlocks
+ * @param start {FilterBlock}
+ * @param end {FilterBlock}
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
 {
 	this.removeObject(start);
 	this.removeObject(end);
 }
 
+/**
+ * Adds a display object and children to the webgl context
+ *
+ * @method addDisplayObjectAndChildren
+ * @param displayObject {DisplayObject}
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
 {
 	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
 	
-	&#x2F;*
+	/*
 	 *  LOOK FOR THE PREVIOUS RENDERABLE
 	 *  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 previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
+	while(previousRenderable != this.root.first)
 	{
 		previousRenderable = previousRenderable._iPrev;
 		if(previousRenderable.renderable &amp;&amp; previousRenderable.__renderGroup)break;
 	}
 	
-	&#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
-	 *&#x2F;
+	 */
 	var nextRenderable = displayObject.last;
 	while(nextRenderable._iNext)
 	{
@@ -583,7 +636,7 @@ PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayOb
 		if(nextRenderable.renderable &amp;&amp; nextRenderable.__renderGroup)break;
 	}
 	
-	&#x2F;&#x2F; one the display object hits this. we can break the loop	
+	// one the display object hits this. we can break the loop	
 	
 	var tempObject = displayObject.first;
 	var testObject = displayObject.last._iNext;
@@ -603,11 +656,18 @@ PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayOb
 	while(tempObject != testObject)
 }
 
+/**
+ * Removes a display object and children to the webgl context
+ *
+ * @method removeDisplayObjectAndChildren
+ * @param displayObject {DisplayObject}
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
 {
 	if(displayObject.__renderGroup != this)return;
 	
-&#x2F;&#x2F;	var displayObject = displayObject.first;
+//	var displayObject = displayObject.first;
 	var lastObject = displayObject.last;
 	do	
 	{
@@ -618,18 +678,25 @@ PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displa
 	while(displayObject)
 }
 
-	
-
+/**
+ * Inserts a displayObject into the linked list
+ *
+ * @method insertObject
+ * @param displayObject {DisplayObject}
+ * @param previousObject {DisplayObject}
+ * @param nextObject {DisplayObject}
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
 {
-	&#x2F;&#x2F; while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
+	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
 	var previousSprite = previousObject;
 	var nextSprite = nextObject;
 	
-	&#x2F;*
+	/*
 	 * so now we have the next renderable and the previous renderable
 	 * 
-	 *&#x2F;
+	 */
 	if(displayObject instanceof PIXI.Sprite)
 	{
 		var previousBatch
@@ -649,7 +716,7 @@ PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousO
 		}
 		else
 		{
-			&#x2F;&#x2F; TODO reword!
+			// TODO reword!
 			previousBatch = previousSprite;
 		}
 	
@@ -659,7 +726,7 @@ PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousO
 			{
 				nextBatch = nextSprite.batch;
 			
-				&#x2F;&#x2F;batch may not exist if item was added to the display list but not to the webGL
+				//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)
@@ -671,15 +738,15 @@ PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousO
 					{
 						if(nextBatch == previousBatch)
 						{
-							&#x2F;&#x2F; THERE IS A SPLIT IN THIS BATCH! &#x2F;&#x2F;
+							// THERE IS A SPLIT IN THIS BATCH! //
 							var splitBatch = previousBatch.split(nextSprite);
-							&#x2F;&#x2F; COOL!
-							&#x2F;&#x2F; add it back into the array	
-							&#x2F;*
+							// COOL!
+							// add it back into the array	
+							/*
 							 * OOPS!
 							 * seems the new sprite is in the middle of a batch
 							 * lets split it.. 
-							 *&#x2F;
+							 */
 							var batch = PIXI.WebGLRenderer.getBatch();
 
 							var index = this.batchs.indexOf( previousBatch );
@@ -693,22 +760,22 @@ PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousO
 			}
 			else
 			{
-				&#x2F;&#x2F; TODO re-word!
+				// 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.WebGLRenderer.getBatch();
 		batch.init(displayObject);
 
-		if(previousBatch) &#x2F;&#x2F; if this is invalid it means 
+		if(previousBatch) // if this is invalid it means 
 		{
 			var index = this.batchs.indexOf( previousBatch );
 			this.batchs.splice(index+1, 0, batch);
@@ -723,34 +790,40 @@ PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousO
 	else if(displayObject instanceof PIXI.TilingSprite)
 	{
 		
-		&#x2F;&#x2F; add to a batch!!
+		// add to a batch!!
 		this.initTilingSprite(displayObject);
-	&#x2F;&#x2F;	this.batchs.push(displayObject);
+	//	this.batchs.push(displayObject);
 		
 	}
 	else if(displayObject instanceof PIXI.Strip)
 	{
-		&#x2F;&#x2F; add to a batch!!
+		// add to a batch!!
 		this.initStrip(displayObject);
-	&#x2F;&#x2F;	this.batchs.push(displayObject);
+	//	this.batchs.push(displayObject);
 	}
-	else if(displayObject)&#x2F;&#x2F; instanceof PIXI.Graphics)
+	else if(displayObject)// instanceof PIXI.Graphics)
 	{
-		&#x2F;&#x2F;displayObject.initWebGL(this);
+		//displayObject.initWebGL(this);
 		
-		&#x2F;&#x2F; add to a batch!!
-		&#x2F;&#x2F;this.initStrip(displayObject);
-		&#x2F;&#x2F;this.batchs.push(displayObject);
+		// add to a batch!!
+		//this.initStrip(displayObject);
+		//this.batchs.push(displayObject);
 	}
 	
 	this.insertAfter(displayObject, previousSprite);
 			
-	&#x2F;&#x2F; insert and SPLIT!
+	// insert and SPLIT!
 
 }
 
-				
-			
+/**
+ * Inserts a displayObject into the linked list
+ *
+ * @method insertAfter
+ * @param item {DisplayObject}
+ * @param displayObject {DisplayObject} The object to insert
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
 {
 	if(displayObject instanceof PIXI.Sprite)
@@ -759,29 +832,29 @@ PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
 		
 		if(previousBatch)
 		{
-			&#x2F;&#x2F; so this object is in a batch!
+			// so this object is in a batch!
 			
-			&#x2F;&#x2F; is it not? need to split the batch
+			// is it not? need to split the batch
 			if(previousBatch.tail == displayObject)
 			{
-				&#x2F;&#x2F; is it tail? insert in to batchs	
+				// is it tail? insert in to batchs	
 				var index = this.batchs.indexOf( previousBatch );
 				this.batchs.splice(index+1, 0, item);
 			}
 			else
 			{
-				&#x2F;&#x2F; TODO MODIFY ADD &#x2F; REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) &#x2F;&#x2F;
+				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
 				
-				&#x2F;&#x2F; THERE IS A SPLIT IN THIS BATCH! &#x2F;&#x2F;
+				// THERE IS A SPLIT IN THIS BATCH! //
 				var splitBatch = previousBatch.split(displayObject.__next);
 				
-				&#x2F;&#x2F; COOL!
-				&#x2F;&#x2F; add it back into the array	
-				&#x2F;*
+				// COOL!
+				// add it back into the array	
+				/*
 				 * OOPS!
 				 * seems the new sprite is in the middle of a batch
 				 * lets split it.. 
-				 *&#x2F;
+				 */
 				var index = this.batchs.indexOf( previousBatch );
 				this.batchs.splice(index+1, 0, item, splitBatch);
 			}
@@ -798,26 +871,33 @@ PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
 	}
 }
 
+/**
+ * Removes a displayObject from the linked list
+ *
+ * @method removeObject
+ * @param displayObject {DisplayObject} The object to remove
+ * @private
+ */
 PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
 {
-	&#x2F;&#x2F; loop through children..
-	&#x2F;&#x2F; display object &#x2F;&#x2F;
+	// loop through children..
+	// display object //
 	
-	&#x2F;&#x2F; add a child from the render group..
-	&#x2F;&#x2F; remove it and all its children!
-	&#x2F;&#x2F;displayObject.cacheVisible = false;&#x2F;&#x2F;displayObject.visible;
+	// add a child from the render group..
+	// remove it and all its children!
+	//displayObject.cacheVisible = false;//displayObject.visible;
 
-	&#x2F;*
+	/*
 	 * removing is a lot quicker..
 	 * 
-	 *&#x2F;
+	 */
 	var batchToRemove;
 	
 	if(displayObject instanceof PIXI.Sprite)
 	{
-		&#x2F;&#x2F; should always have a batch!
+		// should always have a batch!
 		var batch = displayObject.batch;
-		if(!batch)return; &#x2F;&#x2F; this means the display list has been altered befre rendering
+		if(!batch)return; // this means the display list has been altered befre rendering
 		
 		batch.remove(displayObject);
 		
@@ -831,19 +911,19 @@ PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
 		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
+		if(index == -1)return;// 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?
+		// ok so.. check to see if you adjacent batchs should be joined.
+		// TODO may optimise?
 		if(index == 0 || index == this.batchs.length-1)
 		{
-			&#x2F;&#x2F; wha - eva! just get of the empty batch!
+			// wha - eva! just get of the empty batch!
 			this.batchs.splice(index, 1);
 			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
 		
@@ -854,7 +934,7 @@ PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
 		{
 			if(this.batchs[index-1].texture == this.batchs[index+1].texture &amp;&amp; this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
 			{
-				&#x2F;&#x2F;console.log(&quot;MERGE&quot;)
+				//console.log(&quot;MERGE&quot;)
 				this.batchs[index-1].merge(this.batchs[index+1]);
 				
 				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
@@ -870,21 +950,18 @@ PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
 }
 
 
-&#x2F;**
+/**
+ * Initializes a tiling sprite
+ *
+ * @method initTilingSprite
+ * @param sprite {TilingSprite} The tiling sprite to initialize
  * @private
- *&#x2F;
-
-
-
-
-&#x2F;**
- * @private
- *&#x2F;
+ */
 PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
 {
 	var gl = this.gl;
 
-	&#x2F;&#x2F; make the texture tilable..
+	// make the texture tilable..
 			
 	sprite.verticies = new Float32Array([0, 0,
 										  sprite.width, 0,
@@ -898,7 +975,7 @@ PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
 				
 	sprite.colors = new Float32Array([1,1,1,1]);
 	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])&#x2F;&#x2F;, 2]);
+	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
 	
 	sprite._vertexBuffer = gl.createBuffer();
 	sprite._indexBuffer = gl.createBuffer();
@@ -917,7 +994,7 @@ PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
     gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
     gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
     
-&#x2F;&#x2F;    return ( (x &gt; 0) &amp;&amp; ((x &amp; (x - 1)) == 0) );
+//    return ( (x &gt; 0) &amp;&amp; ((x &amp; (x - 1)) == 0) );
 
 	if(sprite.texture.baseTexture._glTexture)
 	{
@@ -932,31 +1009,37 @@ PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
 	}
 }
 
-&#x2F;**
+/**
+ * Renders a Strip
+ *
+ * @method renderStrip
+ * @param strip {Strip} The strip to render
+ * @param projection {Object}
  * @private
- *&#x2F;
+ */
 PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 {
 	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-&#x2F;&#x2F;	mat
-	&#x2F;&#x2F;var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	&#x2F;&#x2F;PIXI.mat4.transpose(mat4Real);
-	&#x2F;&#x2F;PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
 
+	PIXI.activateStripShader();
+
+	var shader = PIXI.stripShader;
+
+	var program = shader.program;
 	
-	gl.useProgram(PIXI.stripShaderProgram);
-
 	var m = PIXI.mat3.clone(strip.worldTransform);
 	
 	PIXI.mat3.transpose(m);
 	
-	&#x2F;&#x2F; set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
+//	console.log(projection)
+	// set the matrix transform for the 
+ 	gl.uniformMatrix3fv(shader.translationMatrix, false, m);
+	gl.uniform2f(shader.projectionVector, projection.x, projection.y);
+	gl.uniform2f(shader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
+	
+	gl.uniform1f(shader.alpha, strip.worldAlpha);
 
-&#x2F;*
+	/*
 	if(strip.blendMode == PIXI.blendModes.NORMAL)
 	{
 		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
@@ -965,27 +1048,26 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 	{
 		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
 	}
-	*&#x2F;
-	
+	*/
 	
+	//console.log(&quot;!!&quot;)
 	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);
+	    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 		
-		&#x2F;&#x2F; update the uvs
+		// update the uvs
 	   	gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
-	    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+	    gl.vertexAttribPointer(shader.aTextureCoord, 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);
+	    gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
 		
-		&#x2F;&#x2F; dont need to upload!
+		// dont need to upload!
 	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
 	}
 	else
@@ -993,49 +1075,55 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 		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);
+	    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 		
-		&#x2F;&#x2F; update the uvs
+		// 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.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
 			
 	    gl.activeTexture(gl.TEXTURE0);
 	    gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
-		
+	//	console.log(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);
+	    gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
 		
-		&#x2F;&#x2F; dont need to upload!
+		// dont need to upload!
 	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
 	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
 	    
 	}
-	&#x2F;&#x2F;console.log(gl.TRIANGLE_STRIP);
 	
 	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
     
-  	gl.useProgram(PIXI.shaderProgram);
+    PIXI.deactivateStripShader();
+  	//gl.useProgram(PIXI.currentProgram);
 }
 
-
-&#x2F;**
+/**
+ * Renders a TilingSprite
+ *
+ * @method renderTilingSprite
+ * @param sprite {TilingSprite} The tiling sprite to render
+ * @param projectionMatrix {Object}
  * @private
- *&#x2F;
+ */
 PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
 {
 	var gl = this.gl;
+
+
 	var shaderProgram = PIXI.shaderProgram;
 	
 	var tilePosition = sprite.tilePosition;
 	var tileScale = sprite.tileScale;
 	
-	var offsetX =  tilePosition.x&#x2F;sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y&#x2F;sprite.texture.baseTexture.height;
+	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
+	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
 	
-	var scaleX =  (sprite.width &#x2F; sprite.texture.baseTexture.width)  &#x2F; tileScale.x;
-	var scaleY =  (sprite.height &#x2F; sprite.texture.baseTexture.height) &#x2F; tileScale.y;
+	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
+	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
 
 	sprite.uvs[0] = 0 - offsetX;
 	sprite.uvs[1] = 0 - offsetY;
@@ -1055,14 +1143,16 @@ PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projection
 	this.renderStrip(sprite, projectionMatrix);
 }
 
-
-
-&#x2F;**
+/**
+ * Initializes a strip to be rendered
+ *
+ * @method initStrip
+ * @param strip {Strip} The strip to initialize
  * @private
- *&#x2F;
+ */
 PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
 {
-	&#x2F;&#x2F; build the strip!
+	// build the strip!
 	var gl = this.gl;
 	var shaderProgram = this.shaderProgram;
 	
@@ -1095,13 +1185,13 @@ PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_renderers_webgl_WebGLRenderer.js.html b/docs/files/src_pixi_renderers_webgl_WebGLRenderer.js.html
index eb6aae6..df7b30e 100644
--- a/docs/files/src_pixi_renderers_webgl_WebGLRenderer.js.html
+++ b/docs/files/src_pixi_renderers_webgl_WebGLRenderer.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/renderers/webgl/WebGLRenderer.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,102 +166,121 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js</h1>
+                        <h1 class="file-heading">File: src/pixi/renderers/webgl/WebGLRenderer.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
 
-&#x2F;&#x2F; an instance of the gl context..
-&#x2F;&#x2F; only one at the moment :&#x2F;
+// an instance of the gl context..
+// only one at the moment :/
 PIXI.gl;
 
-&#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
+/**
+ * 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
  * @constructor
- * @param width {Number} the width of the canvas view
- * @default 0
- * @param height {Number} the height of the canvas view
- * @default 0
+ * @param width=0 {Number} the width of the canvas view
+ * @param height=0 {Number} the height of the canvas view
  * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent {Boolean} the transparency of the render view, default false
- * @default false
+ * @param transparent=false {Boolean} the transparency of the render view, default false
+ * @param antialias=false {Boolean} sets antialias (only applicable in chrome at the moment)
  * 
- *&#x2F;
-PIXI.WebGLRenderer = function(width, height, view, transparent)
+ */
+PIXI.WebGLRenderer = function(width, height, view, transparent, antialias)
 {
-	&#x2F;&#x2F; do a catch.. only 1 webGL renderer..
+	// do a catch.. only 1 webGL renderer..
 
-	&#x2F;&#x2F;console.log(transparent)
 	this.transparent = !!transparent;
-	
+
 	this.width = width || 800;
 	this.height = height || 600;
-	
+
 	this.view = view || document.createElement( &#x27;canvas&#x27; ); 
     this.view.width = this.width;
 	this.view.height = this.height;
-	
-	&#x2F;&#x2F; deal with losing context..	
+
+	// 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 = [];
+
+	var options = {
+		alpha: this.transparent,
+		antialias:!!antialias, // SPEED UP??
+		premultipliedAlpha:false,
+		stencil:true
+	}
+
+	//try &#x27;experimental-webgl&#x27;
+	try {
+		PIXI.gl = this.gl = this.view.getContext(&quot;experimental-webgl&quot;,  options);
+	} catch (e) {
+		//try &#x27;webgl&#x27;
+		try {
+			PIXI.gl = this.gl = this.view.getContext(&quot;webgl&quot;,  options);
+		} catch (e) {
+			// fail, not able to get a context
+			throw new Error(&quot; This browser does not support webGL. Try using the canvas renderer&quot; + this);
+		}
+	}
+
+    PIXI.initDefaultShaders();
+ 
+
 	
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext(&quot;experimental-webgl&quot;,  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, &#x2F;&#x2F; SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(&quot; This browser does not support webGL. Try using the canvas renderer&quot; + this);
-    }
-    
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-    
-    PIXI.activateDefaultShader();
-    
+
+   // PIXI.activateDefaultShader();
+
     var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
     
+    gl.useProgram(PIXI.defaultShader.program);
+
+
+    PIXI.WebGLRenderer.gl = gl;
+
     this.batch = new PIXI.WebGLBatch(gl);
    	gl.disable(gl.DEPTH_TEST);
    	gl.disable(gl.CULL_FACE);
-   	
-   	&#x2F;&#x2F;
-   	 
-   	 
+
     gl.enable(gl.BLEND);
     gl.colorMask(true, true, true, this.transparent); 
-    
+
     PIXI.projection = new PIXI.Point(400, 300);
-    
+    PIXI.offset = new PIXI.Point(0, 0);
+
+    // TODO remove thease globals..
+
     this.resize(this.width, this.height);
     this.contextLost = false;
-    
+
+	//PIXI.pushShader(PIXI.defaultShader);
+
     this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
+    
 }
 
-&#x2F;&#x2F; constructor
-PIXI.WebGLRenderer.constructor = PIXI.WebGLRenderer;
+// constructor
+PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
 
-&#x2F;**
+/**
+ * Gets a new WebGLBatch from the pool
+ *
+ * @static
+ * @method getBatch
+ * @return {WebGLBatch}
  * @private 
- *&#x2F;
+ */
 PIXI.WebGLRenderer.getBatch = function()
 {
 	if(PIXI._batchs.length == 0)
@@ -250,86 +293,72 @@ PIXI.WebGLRenderer.getBatch = function()
 	}
 }
 
-&#x2F;**
+/**
+ * Puts a batch back into the pool
+ *
+ * @static
+ * @method returnBatch
+ * @param batch {WebGLBatch} The batch to return
  * @private
- *&#x2F;
+ */
 PIXI.WebGLRenderer.returnBatch = function(batch)
 {
 	batch.clean();	
 	PIXI._batchs.push(batch);
 }
 
-
-&#x2F;**
- * @private
- *&#x2F;
-
-
-
-&#x2F;**
+/**
  * Renders the stage to its webGL view
+ *
  * @method render
- * @param stage {Stage} the PIXI.Stage element to be rendered
- *&#x2F;
+ * @param stage {Stage} the Stage element to be rendered
+ */
 PIXI.WebGLRenderer.prototype.render = function(stage)
 {
 	if(this.contextLost)return;
 	
 	
-	&#x2F;&#x2F; if rendering a new stage clear the batchs..
+	// if rendering a new stage clear the batchs..
 	if(this.__stage !== stage)
 	{
-		&#x2F;&#x2F; TODO make this work
-		&#x2F;&#x2F; dont think this is needed any more?
-		&#x2F;&#x2F;if(this.__stage)this.checkVisibility(this.__stage, false)
-		
+		// TODO make this work
+		// dont think this is needed any more?
 		this.__stage = stage;
 		this.stageRenderGroup.setRenderable(stage);
 	}
-	
-	&#x2F;&#x2F; TODO not needed now... 
-	&#x2F;&#x2F; update children if need be
-	&#x2F;&#x2F; best to remove first!
-	&#x2F;*for (var i=0; i &lt; stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*&#x2F;
 
-	&#x2F;&#x2F; update any textures	
+	// update any textures	
 	PIXI.WebGLRenderer.updateTextures();
 		
-	&#x2F;&#x2F; recursivly loop through all items!
-	&#x2F;&#x2F;this.checkVisibility(stage, true);
-	
-	&#x2F;&#x2F; update the scene graph	
+	// update the scene graph	
+	PIXI.visibleCount++;
 	stage.updateTransform();
 	
 	var gl = this.gl;
 	
-	&#x2F;&#x2F; -- Does this need to be set every frame? -- &#x2F;&#x2F;
+	// -- Does this need to be set every frame? -- //
 	gl.colorMask(true, true, true, this.transparent); 
 	gl.viewport(0, 0, this.width, this.height);	
 	
-	&#x2F;&#x2F; set the correct matrix..	
-   &#x2F;&#x2F;	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
    	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
 		
 	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
 	gl.clear(gl.COLOR_BUFFER_BIT);
 
-	&#x2F;&#x2F; HACK TO TEST
-	&#x2F;&#x2F;PIXI.projectionMatrix = this.projectionMatrix;
+	// HACK TO TEST
 	
 	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
+	
+	PIXI.projection.x =  this.width/2;
+	PIXI.projection.y =  -this.height/2;
+	
 	this.stageRenderGroup.render(PIXI.projection);
 	
-	&#x2F;&#x2F; interaction
-	&#x2F;&#x2F; run interaction!
+	// interaction
+	// run interaction!
 	if(stage.interactive)
 	{
-		&#x2F;&#x2F;need to add some events!
+		//need to add some events!
 		if(!stage._interactiveEventsAdded)
 		{
 			stage._interactiveEventsAdded = true;
@@ -337,7 +366,7 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 		}
 	}
 	
-	&#x2F;&#x2F; after rendering lets confirm all frames that have been uodated..
+	// after rendering lets confirm all frames that have been uodated..
 	if(PIXI.Texture.frameUpdates.length &gt; 0)
 	{
 		for (var i=0; i &lt; PIXI.Texture.frameUpdates.length; i++) 
@@ -349,38 +378,51 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	}
 }
 
-&#x2F;**
+/**
+ * Updates the textures loaded into this webgl renderer
+ *
+ * @static
+ * @method updateTextures
  * @private
- *&#x2F;
-
+ */
 PIXI.WebGLRenderer.updateTextures = function()
 {
-	for (var i=0; i &lt; PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i &lt; PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
+	//TODO break this out into a texture manager...
+	for (var i=0; i &lt; PIXI.texturesToUpdate.length; i++) PIXI.WebGLRenderer.updateTexture(PIXI.texturesToUpdate[i]);
+	for (var i=0; i &lt; PIXI.texturesToDestroy.length; i++) PIXI.WebGLRenderer.destroyTexture(PIXI.texturesToDestroy[i]);
 	PIXI.texturesToUpdate = [];
 	PIXI.texturesToDestroy = [];
 }
 
+/**
+ * Updates a loaded webgl texture
+ *
+ * @static
+ * @method updateTexture
+ * @param texture {Texture} The texture to update
+ * @private
+ */
 PIXI.WebGLRenderer.updateTexture = function(texture)
 {
+	//TODO break this out into a texture manager...
 	var gl = PIXI.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.source);
 		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
 		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-		
-		&#x2F;&#x2F; reguler...
-		
+
+		// reguler...
+
 		if(!texture._powerOf2)
 		{
 			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
@@ -391,16 +433,23 @@ PIXI.WebGLRenderer.updateTexture = function(texture)
 			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
 			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
 		}
-		
+
 		gl.bindTexture(gl.TEXTURE_2D, null);
 	}
-	
 }
 
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
+/**
+ * Destroys a loaded webgl texture
+ *
+ * @method destroyTexture
+ * @param texture {Texture} The texture to update
+ * @private
+ */
+PIXI.WebGLRenderer.destroyTexture = function(texture)
 {
-	var gl = this.gl;
-	
+	//TODO break this out into a texture manager...
+	var gl = PIXI.gl;
+
 	if(texture._glTexture)
 	{
 		texture._glTexture = gl.createTexture();
@@ -408,72 +457,83 @@ PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
 	}
 }
 
-&#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);	
+
+	//var projectionMatrix = this.projectionMatrix;
+
+	PIXI.projection.x =  this.width/2;
+	PIXI.projection.y =  -this.height/2;
 	
-	&#x2F;&#x2F;var projectionMatrix = this.projectionMatrix;
-	
-	PIXI.projection.x =  this.width&#x2F;2;
-	PIXI.projection.y =  this.height&#x2F;2;
-	
-&#x2F;&#x2F;	projectionMatrix[0] = 2&#x2F;this.width;
-&#x2F;&#x2F;	projectionMatrix[5] = -2&#x2F;this.height;
-&#x2F;&#x2F;	projectionMatrix[12] = -1;
-&#x2F;&#x2F;	projectionMatrix[13] = 1;
+	//PIXI.size.x =  this.width/2;
+	//PIXI.size.y =  -this.height/2;
+
+//	projectionMatrix[0] = 2/this.width;
+//	projectionMatrix[5] = -2/this.height;
+//	projectionMatrix[12] = -1;
+//	projectionMatrix[13] = 1;
 }
 
-&#x2F;**
+/**
+ * Handles a lost webgl context
+ *
+ * @method handleContextLost
+ * @param event {Event}
  * @private
- *&#x2F;
+ */
 PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
 {
 	event.preventDefault();
 	this.contextLost = true;
 }
 
-&#x2F;**
+/**
+ * Handles a restored webgl context
+ *
+ * @method handleContextRestored
+ * @param event {Event}
  * @private
- *&#x2F;
+ */
 PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
 {
 	this.gl = this.view.getContext(&quot;experimental-webgl&quot;,  {  	
 		alpha: true
     });
-        
+
 	this.initShaders();	
-	
+
 	for(var key in PIXI.TextureCache) 
 	{
         	var texture = PIXI.TextureCache[key].baseTexture;
         	texture._glTexture = null;
         	PIXI.WebGLRenderer.updateTexture(texture);
 	};
-	
+
 	for (var i=0; i &lt;  this.batchs.length; i++) 
 	{
-		this.batchs[i].restoreLostContext(this.gl)&#x2F;&#x2F;
+		this.batchs[i].restoreLostContext(this.gl)//
 		this.batchs[i].dirty = true;
 	};
-	
+
 	PIXI._restoreBatchs(this.gl);
-	
+
 	this.contextLost = false;
 }
 
-
     </pre>
 </div>
 
@@ -483,13 +543,13 @@ PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_renderers_webgl_WebGLShaders.js.html b/docs/files/src_pixi_renderers_webgl_WebGLShaders.js.html
index 1dff6c3..085bec1 100644
--- a/docs/files/src_pixi_renderers_webgl_WebGLShaders.js.html
+++ b/docs/files/src_pixi_renderers_webgl_WebGLShaders.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLShaders.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/renderers/webgl/WebGLShaders.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,167 +166,74 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLShaders.js</h1>
+                        <h1 class="file-heading">File: src/pixi/renderers/webgl/WebGLShaders.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 
-&#x2F;*
- * the default suoer fast shader!
- *&#x2F;
+PIXI.initDefaultShaders = function() 
+{
+	PIXI.primitiveShader = new PIXI.PrimitiveShader();
+  PIXI.primitiveShader.init();
 
-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.stripShader = new PIXI.StripShader();
+  PIXI.stripShader.init();
 
-PIXI.shaderVertexSrc = [
-  &quot;attribute vec2 aVertexPosition;&quot;,
-  &quot;attribute vec2 aTextureCoord;&quot;,
-  &quot;attribute float aColor;&quot;,
-  &#x2F;&#x2F;&quot;uniform mat4 uMVMatrix;&quot;,
+	PIXI.defaultShader = new PIXI.PixiShader();
+	PIXI.defaultShader.init();
+
+  var gl = PIXI.gl; 
+  var shaderProgram = PIXI.defaultShader.program;
+ 
+
+  gl.useProgram(shaderProgram);
   
-  &quot;uniform vec2 projectionVector;&quot;,
-  &quot;varying vec2 vTextureCoord;&quot;,
-  &quot;varying float vColor;&quot;,
-  &quot;void main(void) {&quot;,
-   &#x2F;&#x2F; &quot;gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);&quot;,
-    &quot;gl_Position = vec4( aVertexPosition.x &#x2F; projectionVector.x -1.0, aVertexPosition.y &#x2F; -projectionVector.y + 1.0 , 0.0, 1.0);&quot;,
-    &quot;vTextureCoord = aTextureCoord;&quot;,
-    &quot;vColor = aColor;&quot;,
-  &quot;}&quot;
-];
-
-&#x2F;*
- * the triangle strip shader..
- *&#x2F;
-
-PIXI.stripShaderFragmentSrc = [
-  &quot;precision mediump float;&quot;,
-  &quot;varying vec2 vTextureCoord;&quot;,
-  &quot;varying float vColor;&quot;,
-  &quot;uniform float alpha;&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 * alpha;&quot;,
-  &quot;}&quot;
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  &quot;attribute vec2 aVertexPosition;&quot;,
-  &quot;attribute vec2 aTextureCoord;&quot;,
-  &quot;attribute float aColor;&quot;,
-  &quot;uniform mat3 translationMatrix;&quot;,
-  &quot;uniform vec2 projectionVector;&quot;,
-  &quot;varying vec2 vTextureCoord;&quot;,
-  &quot;varying float vColor;&quot;,
-  &quot;void main(void) {&quot;,
-	&quot;vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);&quot;,
-    &quot;gl_Position = vec4( v.x &#x2F; projectionVector.x -1.0, v.y &#x2F; -projectionVector.y + 1.0 , 0.0, 1.0);&quot;,
-    &quot;vTextureCoord = aTextureCoord;&quot;,
-    &quot;vColor = aColor;&quot;,
-  &quot;}&quot;
-];
-
-
-&#x2F;*
- * primitive shader..
- *&#x2F;
-
-PIXI.primitiveShaderFragmentSrc = [
-  &quot;precision mediump float;&quot;,
-  &quot;varying vec4 vColor;&quot;,
-  &quot;void main(void) {&quot;,
-    &quot;gl_FragColor = vColor;&quot;,
-  &quot;}&quot;
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  &quot;attribute vec2 aVertexPosition;&quot;,
-  &quot;attribute vec4 aColor;&quot;,
-  &quot;uniform mat3 translationMatrix;&quot;,
-  &quot;uniform vec2 projectionVector;&quot;,
-  &quot;uniform float alpha;&quot;,
-  &quot;varying vec4 vColor;&quot;,
-  &quot;void main(void) {&quot;,
-  	&quot;vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);&quot;,
-    &quot;gl_Position = vec4( v.x &#x2F; projectionVector.x -1.0, v.y &#x2F; -projectionVector.y + 1.0 , 0.0, 1.0);&quot;,
-    &quot;vColor = aColor  * alpha;&quot;,
-  &quot;}&quot;
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, &quot;aVertexPosition&quot;);
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, &quot;aColor&quot;);
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, &quot;projectionVector&quot;);
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, &quot;translationMatrix&quot;);
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, &quot;alpha&quot;);
-
-	PIXI.primitiveProgram = shaderProgram;
+  gl.enableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
+  gl.enableVertexAttribArray(PIXI.defaultShader.colorAttribute);
+  gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
 }
 
-PIXI.initDefaultShader = function() 
+PIXI.activatePrimitiveShader = function()
 {
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
+  var gl = PIXI.gl;
+  
+  gl.useProgram(PIXI.primitiveShader.program);
+  gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+} 
 
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, &quot;aVertexPosition&quot;);
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, &quot;projectionVector&quot;);
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, &quot;aTextureCoord&quot;);
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, &quot;aColor&quot;);
+PIXI.deactivatePrimitiveShader = function()
+{
+  var gl = PIXI.gl;
 
-   &#x2F;&#x2F; shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, &quot;uMVMatrix&quot;);
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, &quot;uSampler&quot;);
-    
-	PIXI.shaderProgram = shaderProgram;
+  gl.useProgram(PIXI.defaultShader.program);
+  gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
 }
 
-PIXI.initDefaultStripShader = function() 
+PIXI.activateStripShader = function()
 {
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
+  var gl = PIXI.gl;
+  
+  gl.useProgram(PIXI.stripShader.program);
+ // gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+} 
 
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, &quot;aVertexPosition&quot;);
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, &quot;projectionVector&quot;);
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, &quot;aTextureCoord&quot;);
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, &quot;translationMatrix&quot;);
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, &quot;alpha&quot;);
+PIXI.deactivateStripShader = function()
+{
+  var gl = PIXI.gl;
 
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, &quot;aColor&quot;);
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, &quot;projectionVector&quot;);
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, &quot;uSampler&quot;);
-    
-	PIXI.stripShaderProgram = shaderProgram;
+  gl.useProgram(PIXI.defaultShader.program);
+  //gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
 }
 
+/*
+
+SHADER COMPILER HELPERS
+*/
+
 PIXI.CompileVertexShader = function(gl, shaderSrc)
 {
   return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
@@ -321,7 +252,7 @@ PIXI._CompileShader = function(gl, shaderSrc, shaderType)
   gl.compileShader(shader);
 
   if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
+    console.log(gl.getShaderInfoLog(shader));
     return null;
   }
 
@@ -342,42 +273,12 @@ PIXI.compileProgram = function(vertexSrc, fragmentSrc)
     gl.linkProgram(shaderProgram);
 
     if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert(&quot;Could not initialise shaders&quot;);
+        console.log(&quot;Could not initialise shaders&quot;);
     }
 
 	return shaderProgram;
 } 
 
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
     </pre>
 </div>
 
@@ -387,13 +288,13 @@ PIXI.activatePrimitiveShader = function()
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_text_BitmapText.js.html b/docs/files/src_pixi_text_BitmapText.js.html
index 5e9bbc2..8c436af 100644
--- a/docs/files/src_pixi_text_BitmapText.js.html
+++ b/docs/files/src_pixi_text_BitmapText.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/text/BitmapText.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,27 +166,28 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js</h1>
+                        <h1 class="file-heading">File: src/pixi/text/BitmapText.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
+/**
  * A Text Object will create a line(s) of text using bitmap font. To split a line you can use &quot;\n&quot;, &quot;\r&quot; or &quot;\r\n&quot;
- * You can generate the fnt files using 
- * http:&#x2F;&#x2F;www.angelcode.com&#x2F;products&#x2F;bmfont&#x2F; for windows or
- * http:&#x2F;&#x2F;www.bmglyph.com&#x2F; for mac.
+ * You can generate the fnt files using
+ * http://www.angelcode.com/products/bmfont/ for windows or
+ * http://www.bmglyph.com/ for mac.
+ *
  * @class BitmapText
  * @extends DisplayObjectContainer
  * @constructor
- * @param {String} text The copy that you would like the text to display
- * @param {Object} style The style parameters
- * @param {String} style.font The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)
- * @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
- *&#x2F;
+ * @param text {String} The copy that you would like the text to display
+ * @param style {Object} The style parameters
+ * @param style.font {String} The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)
+ * @param [style.align=&quot;left&quot;] {String} An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
+ */
 PIXI.BitmapText = function(text, style)
 {
     PIXI.DisplayObjectContainer.call(this);
@@ -174,28 +199,30 @@ PIXI.BitmapText = function(text, style)
 
 };
 
-&#x2F;&#x2F; constructor
-PIXI.BitmapText.constructor = PIXI.BitmapText;
+// constructor
 PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
+PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
 
-&#x2F;**
+/**
  * Set the copy for the text object
+ *
  * @method setText
- * @param {String} text The copy that you would like the text to display
- *&#x2F;
+ * @param text {String} The copy that you would like the text to display
+ */
 PIXI.BitmapText.prototype.setText = function(text)
 {
     this.text = text || &quot; &quot;;
     this.dirty = true;
 };
 
-&#x2F;**
+/**
  * Set the style of the text
+ *
  * @method setStyle
- * @param {Object} style The style parameters
- * @param {String} style.font The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)
- * @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
- *&#x2F;
+ * @param style {Object} The style parameters
+ * @param style.font {String} The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)
+ * @param [style.align=&quot;left&quot;] {String} An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
+ */
 PIXI.BitmapText.prototype.setStyle = function(style)
 {
     style = style || {};
@@ -209,10 +236,12 @@ PIXI.BitmapText.prototype.setStyle = function(style)
     this.dirty = true;
 };
 
-&#x2F;**
+/**
  * Renders text
+ *
+ * @method updateText
  * @private
- *&#x2F;
+ */
 PIXI.BitmapText.prototype.updateText = function()
 {
     var data = PIXI.BitmapText.fonts[this.fontName];
@@ -222,11 +251,11 @@ PIXI.BitmapText.prototype.updateText = function()
     var maxLineWidth = 0;
     var lineWidths = [];
     var line = 0;
-    var scale = this.fontSize &#x2F; data.size;
+    var scale = this.fontSize / data.size;
     for(var i = 0; i &lt; this.text.length; i++)
     {
         var charCode = this.text.charCodeAt(i);
-        if(&#x2F;(?:\r\n|\r|\n)&#x2F;.test(this.text.charAt(i)))
+        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
         {
             lineWidths.push(pos.x);
             maxLineWidth = Math.max(maxLineWidth, pos.x);
@@ -237,7 +266,7 @@ PIXI.BitmapText.prototype.updateText = function()
             prevCharCode = null;
             continue;
         }
-        
+
         var charData = data.chars[charCode];
         if(!charData) continue;
 
@@ -264,14 +293,14 @@ PIXI.BitmapText.prototype.updateText = function()
         }
         else if(this.style.align == &quot;center&quot;)
         {
-            alignOffset = (maxLineWidth - lineWidths[i]) &#x2F; 2;
+            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
         }
         lineAlignOffsets.push(alignOffset);
     }
 
     for(i = 0; i &lt; chars.length; i++)
     {
-        var c = new PIXI.Sprite(chars[i].texture)&#x2F;&#x2F;PIXI.Sprite.fromFrame(chars[i].charCode);
+        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
         c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
         c.position.y = chars[i].position.y * scale;
         c.scale.x = c.scale.y = scale;
@@ -282,9 +311,12 @@ PIXI.BitmapText.prototype.updateText = function()
     this.height = (pos.y + data.lineHeight) * scale;
 };
 
-&#x2F;**
+/**
+ * Updates the transfor of this object
+ *
+ * @method updateTransform
  * @private
- *&#x2F;
+ */
 PIXI.BitmapText.prototype.updateTransform = function()
 {
 	if(this.dirty)
@@ -297,11 +329,12 @@ PIXI.BitmapText.prototype.updateTransform = function()
 
         this.dirty = false;
 	}
-	
+
 	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
 };
 
 PIXI.BitmapText.fonts = {};
+
     </pre>
 </div>
 
@@ -311,13 +344,13 @@ PIXI.BitmapText.fonts = {};
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_text_Text.js.html b/docs/files/src_pixi_text_Text.js.html
index 0ad9379..8702980 100644
--- a/docs/files/src_pixi_text_Text.js.html
+++ b/docs/files/src_pixi_text_Text.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;text&#x2F;Text.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/text/Text.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,29 +166,30 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;text&#x2F;Text.js</h1>
+                        <h1 class="file-heading">File: src/pixi/text/Text.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
+/**
  * A Text Object will create a line(s) of text to split a line you can use &quot;\n&quot;
+ *
  * @class Text
  * @extends Sprite
  * @constructor
- * @param {String} text The copy that you would like the text to display
- * @param {Object} [style] The style parameters
- * @param {String} [style.font] default &quot;bold 20pt Arial&quot; The style and size of the font
- * @param {Object} [style.fill=&quot;black&quot;] A canvas fillstyle that will be used on the text eg &quot;red&quot;, &quot;#00FF00&quot;
- * @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
- * @param {String} [style.stroke] A canvas fillstyle that will be used on the text stroke eg &quot;blue&quot;, &quot;#FCFF00&quot;
- * @param {Number} [style.strokeThickness=0] A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param {Boolean} [style.wordWrap=false] Indicates if word wrap should be used
- * @param {Number} [style.wordWrapWidth=100] The width at which text will wrap
- *&#x2F;
+ * @param text {String} The copy that you would like the text to display
+ * @param [style] {Object} The style parameters
+ * @param [style.font] {String} default &quot;bold 20pt Arial&quot; The style and size of the font
+ * @param [style.fill=&quot;black&quot;] {Object} A canvas fillstyle that will be used on the text eg &quot;red&quot;, &quot;#00FF00&quot;
+ * @param [style.align=&quot;left&quot;] {String} An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
+ * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg &quot;blue&quot;, &quot;#FCFF00&quot;
+ * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
+ * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
+ * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
+ */
 PIXI.Text = function(text, style)
 {
     this.canvas = document.createElement(&quot;canvas&quot;);
@@ -173,34 +198,35 @@ PIXI.Text = function(text, style)
 
     this.setText(text);
     this.setStyle(style);
-    
-     this.updateText();
+
+    this.updateText();
     this.dirty = false;
 };
 
-&#x2F;&#x2F; constructor
-PIXI.Text.constructor = PIXI.Text;
+// constructor
 PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
+PIXI.Text.prototype.constructor = PIXI.Text;
 
-&#x2F;**
+/**
  * Set the style of the text
+ *
  * @method setStyle
- * @param {Object} [style] The style parameters
- * @param {String} [style.font=&quot;bold 20pt Arial&quot;] The style and size of the font
- * @param {Object} [style.fill=&quot;black&quot;] A canvas fillstyle that will be used on the text eg &quot;red&quot;, &quot;#00FF00&quot;
- * @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
- * @param {String} [style.stroke=&quot;black&quot;] A canvas fillstyle that will be used on the text stroke eg &quot;blue&quot;, &quot;#FCFF00&quot;
- * @param {Number} [style.strokeThickness=0] A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param {Boolean} [style.wordWrap=false] Indicates if word wrap should be used
- * @param {Number} [style.wordWrapWidth=100] The width at which text will wrap
- *&#x2F;
+ * @param [style] {Object} The style parameters
+ * @param [style.font=&quot;bold 20pt Arial&quot;] {String} The style and size of the font
+ * @param [style.fill=&quot;black&quot;] {Object} A canvas fillstyle that will be used on the text eg &quot;red&quot;, &quot;#00FF00&quot;
+ * @param [style.align=&quot;left&quot;] {String} An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
+ * @param [style.stroke=&quot;black&quot;] {String} A canvas fillstyle that will be used on the text stroke eg &quot;blue&quot;, &quot;#FCFF00&quot;
+ * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
+ * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
+ * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
+ */
 PIXI.Text.prototype.setStyle = function(style)
 {
     style = style || {};
     style.font = style.font || &quot;bold 20pt Arial&quot;;
     style.fill = style.fill || &quot;black&quot;;
     style.align = style.align || &quot;left&quot;;
-    style.stroke = style.stroke || &quot;black&quot;; &#x2F;&#x2F;provide a default, see: https:&#x2F;&#x2F;github.com&#x2F;GoodBoyDigital&#x2F;pixi.js&#x2F;issues&#x2F;136
+    style.stroke = style.stroke || &quot;black&quot;; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
     style.strokeThickness = style.strokeThickness || 0;
     style.wordWrap = style.wordWrap || false;
     style.wordWrapWidth = style.wordWrapWidth || 100;
@@ -208,35 +234,38 @@ PIXI.Text.prototype.setStyle = function(style)
     this.dirty = true;
 };
 
-&#x2F;**
+/**
  * Set the copy for the text object. To split a line you can use &quot;\n&quot;
+ *
  * @methos setText
  * @param {String} text The copy that you would like the text to display
- *&#x2F;
-PIXI.Sprite.prototype.setText = function(text)
+ */
+PIXI.Text.prototype.setText = function(text)
 {
     this.text = text.toString() || &quot; &quot;;
     this.dirty = true;
 };
 
-&#x2F;**
+/**
  * Renders text
+ *
+ * @method updateText
  * @private
- *&#x2F;
+ */
 PIXI.Text.prototype.updateText = function()
 {
 	this.context.font = this.style.font;
-	
+
 	var outputText = this.text;
-	
-	&#x2F;&#x2F; word wrap
-	&#x2F;&#x2F; preserve original text
+
+	// word wrap
+	// preserve original text
 	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
 
-	&#x2F;&#x2F;split text into lines
-	var lines = outputText.split(&#x2F;(?:\r\n|\r|\n)&#x2F;);
+	//split text into lines
+	var lines = outputText.split(/(?:\r\n|\r|\n)/);
 
-	&#x2F;&#x2F;calculate text width
+	//calculate text width
 	var lineWidths = [];
 	var maxLineWidth = 0;
 	for (var i = 0; i &lt; lines.length; i++)
@@ -246,32 +275,32 @@ PIXI.Text.prototype.updateText = function()
 		maxLineWidth = Math.max(maxLineWidth, lineWidth);
 	}
 	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	&#x2F;&#x2F;calculate text height
+
+	//calculate text height
 	var lineHeight = this.determineFontHeight(&quot;font: &quot; + this.style.font  + &quot;;&quot;) + this.style.strokeThickness;
 	this.canvas.height = lineHeight * lines.length;
 
-	&#x2F;&#x2F;set canvas text styles
+	//set canvas text styles
 	this.context.fillStyle = this.style.fill;
 	this.context.font = this.style.font;
-	
+
 	this.context.strokeStyle = this.style.stroke;
 	this.context.lineWidth = this.style.strokeThickness;
 
 	this.context.textBaseline = &quot;top&quot;;
 
-	&#x2F;&#x2F;draw lines line by line
+	//draw lines line by line
 	for (i = 0; i &lt; lines.length; i++)
 	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness &#x2F; 2, this.style.strokeThickness &#x2F; 2 + i * lineHeight);
-	
+		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
+
 		if(this.style.align == &quot;right&quot;)
 		{
 			linePosition.x += maxLineWidth - lineWidths[i];
 		}
 		else if(this.style.align == &quot;center&quot;)
 		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) &#x2F; 2;
+			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
 		}
 
 		if(this.style.stroke &amp;&amp; this.style.strokeThickness)
@@ -284,52 +313,60 @@ PIXI.Text.prototype.updateText = function()
 			this.context.fillText(lines[i], linePosition.x, linePosition.y);
 		}
 	}
-	
+
     this.updateTexture();
 };
 
-&#x2F;**
+/**
  * Updates texture size based on canvas size
+ *
+ * @method updateTexture
  * @private
- *&#x2F;
+ */
 PIXI.Text.prototype.updateTexture = function()
 {
-
     this.texture.baseTexture.width = this.canvas.width;
     this.texture.baseTexture.height = this.canvas.height;
     this.texture.frame.width = this.canvas.width;
     this.texture.frame.height = this.canvas.height;
-    
+
   	this._width = this.canvas.width;
     this._height = this.canvas.height;
-	
+
     PIXI.texturesToUpdate.push(this.texture.baseTexture);
 };
 
-&#x2F;**
+/**
+ * Updates the transfor of this object
+ *
+ * @method updateTransform
  * @private
- *&#x2F;
+ */
 PIXI.Text.prototype.updateTransform = function()
 {
 	if(this.dirty)
 	{
-		this.updateText();	
+		this.updateText();
 		this.dirty = false;
 	}
-	
+
 	PIXI.Sprite.prototype.updateTransform.call(this);
 };
 
-&#x2F;*
- * http:&#x2F;&#x2F;stackoverflow.com&#x2F;users&#x2F;34441&#x2F;ellisbben
+/*
+ * http://stackoverflow.com/users/34441/ellisbben
  * great solution to the problem!
- *&#x2F;
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
+ *
+ * @method determineFontHeight
+ * @param fontStyle {Object}
+ * @private
+ */
+PIXI.Text.prototype.determineFontHeight = function(fontStyle)
 {
-	&#x2F;&#x2F; build a little reference dictionary so if the font style has been used return a
-	&#x2F;&#x2F; cached version...
+	// build a little reference dictionary so if the font style has been used return a
+	// cached version...
 	var result = PIXI.Text.heightCache[fontStyle];
-	
+
 	if(!result)
 	{
 		var body = document.getElementsByTagName(&quot;body&quot;)[0];
@@ -338,30 +375,33 @@ PIXI.Text.prototype.determineFontHeight = function(fontStyle)
 		dummy.appendChild(dummyText);
 		dummy.setAttribute(&quot;style&quot;, fontStyle + &#x27;;position:absolute;top:0;left:0&#x27;);
 		body.appendChild(dummy);
-		
+
 		result = dummy.offsetHeight;
 		PIXI.Text.heightCache[fontStyle] = result;
-		
+
 		body.removeChild(dummy);
 	}
-	
+
 	return result;
 };
 
-&#x2F;**
+/**
  * A Text Object will apply wordwrap
+ *
+ * @method wordWrap
+ * @param text {String}
  * @private
- *&#x2F;
+ */
 PIXI.Text.prototype.wordWrap = function(text)
 {
-	&#x2F;&#x2F; search good wrap position
+	// search good wrap position
 	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
 	{
-		var p = Math.floor((end-start) &#x2F; 2) + start;
+		var p = Math.floor((end-start) / 2) + start;
 		if(p == start) {
 			return 1;
 		}
-		
+
 		if(ctx.measureText(text.substring(0,p)).width &lt;= wrapWidth)
 		{
 			if(ctx.measureText(text.substring(0,p+1)).width &gt; wrapWidth)
@@ -378,7 +418,7 @@ PIXI.Text.prototype.wordWrap = function(text)
 			return arguments.callee(ctx, text, start, p, wrapWidth);
 		}
 	};
-	 
+
 	var lineWrap = function(ctx, text, wrapWidth)
 	{
 		if(ctx.measureText(text).width &lt;= wrapWidth || text.length &lt; 1)
@@ -388,24 +428,30 @@ PIXI.Text.prototype.wordWrap = function(text)
 		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
 		return text.substring(0, pos) + &quot;\n&quot; + arguments.callee(ctx, text.substring(pos), wrapWidth);
 	};
-	
+
 	var result = &quot;&quot;;
 	var lines = text.split(&quot;\n&quot;);
 	for (var i = 0; i &lt; lines.length; i++)
 	{
 		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + &quot;\n&quot;;
 	}
-	
+
 	return result;
 };
 
+/**
+ * Destroys this text object
+ *
+ * @method destroy
+ * @param destroyTexture {Boolean}
+ */
 PIXI.Text.prototype.destroy = function(destroyTexture)
 {
 	if(destroyTexture)
 	{
 		this.texture.destroy();
 	}
-		
+
 };
 
 PIXI.Text.heightCache = {};
@@ -419,13 +465,13 @@ PIXI.Text.heightCache = {};
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_textures_BaseTexture.js.html b/docs/files/src_pixi_textures_BaseTexture.js.html
index 98f2ff6..b4888f2 100644
--- a/docs/files/src_pixi_textures_BaseTexture.js.html
+++ b/docs/files/src_pixi_textures_BaseTexture.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/textures/BaseTexture.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,83 +166,92 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js</h1>
+                        <h1 class="file-heading">File: src/pixi/textures/BaseTexture.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 PIXI.BaseTextureCache = {};
 PIXI.texturesToUpdate = [];
 PIXI.texturesToDestroy = [];
 
-&#x2F;**
+/**
  * A texture stores the information that represents an image. All textures have a base texture
+ *
  * @class BaseTexture
- * @extends EventTarget
+ * @uses EventTarget
  * @constructor
  * @param source {String} the source object (image or canvas)
- *&#x2F;
+ */
 PIXI.BaseTexture = function(source)
 {
 	PIXI.EventTarget.call( this );
-	
-	&#x2F;*
-	 * The url of the texture
-	 * @property imageUrl
-	 * @type String
-	 *&#x2F;
-	&#x2F;&#x2F;this.imageUrl = source.src;
-	
-	&#x2F;**
-	 * [read only] The width of the base texture set when the image has loaded
+
+	/**
+	 * [read-only] The width of the base texture set when the image has loaded
+	 *
 	 * @property width
 	 * @type Number
-	 *&#x2F;
+	 * @readOnly
+	 */
 	this.width = 100;
-	&#x2F;**
-	 * [read only] The height of the base texture set when the image has loaded
+
+	/**
+	 * [read-only] The height of the base texture set when the image has loaded
+	 *
 	 * @property height
 	 * @type Number
-	 *&#x2F;
+	 * @readOnly
+	 */
 	this.height = 100;
-	
-	&#x2F;**
+
+	/**
+	 * [read-only] Describes if the base texture has loaded or not
+	 *
+	 * @property hasLoaded
+	 * @type Boolean
+	 * @readOnly
+	 */
+	this.hasLoaded = false;
+
+	/**
 	 * The source that is loaded to create the texture
+	 *
 	 * @property source
 	 * @type Image
-	 *&#x2F;
-	this.source = source&#x2F;&#x2F;new Image();
-	
+	 */
+	this.source = source;
+
 	if(!source)return;
-	
-	if(this.source instanceof Image)
+
+	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
 	{
 		if(this.source.complete)
 		{
 			this.hasLoaded = true;
 			this.width = this.source.width;
 			this.height = this.source.height;
-			
+
 			PIXI.texturesToUpdate.push(this);
 		}
 		else
 		{
-			
+
 			var scope = this;
 			this.source.onload = function(){
-				
+
 				scope.hasLoaded = true;
 				scope.width = scope.source.width;
 				scope.height = scope.source.height;
-			
-				&#x2F;&#x2F; add it to somewhere...
+
+				// add it to somewhere...
 				PIXI.texturesToUpdate.push(scope);
 				scope.dispatchEvent( { type: &#x27;loaded&#x27;, content: scope } );
 			}
-			&#x2F;&#x2F;	this.image.src = imageUrl;
+			//	this.image.src = imageUrl;
 		}
 	}
 	else
@@ -226,16 +259,20 @@ PIXI.BaseTexture = function(source)
 		this.hasLoaded = true;
 		this.width = this.source.width;
 		this.height = this.source.height;
-			
+
 		PIXI.texturesToUpdate.push(this);
 	}
-	
+
 	this._powerOf2 = false;
-	
 }
 
-PIXI.BaseTexture.constructor = PIXI.BaseTexture;
+PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
 
+/**
+ * Destroys this base texture
+ *
+ * @method destroy
+ */
 PIXI.BaseTexture.prototype.destroy = function()
 {
 	if(this.source instanceof Image)
@@ -246,23 +283,23 @@ PIXI.BaseTexture.prototype.destroy = function()
 	PIXI.texturesToDestroy.push(this);
 }
 
-&#x2F;**
- * 
+/**
  * Helper function that returns a base texture based on an image url
  * If the image is not in the base texture cache it will be  created and loaded
+ *
  * @static
  * @method fromImage
  * @param imageUrl {String} The image url of the texture
  * @return BaseTexture
- *&#x2F;
+ */
 PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
 {
 	var baseTexture = PIXI.BaseTextureCache[imageUrl];
 	if(!baseTexture)
 	{
-		&#x2F;&#x2F; new Image() breaks tex loading in some versions of Chrome.
-		&#x2F;&#x2F; See https:&#x2F;&#x2F;code.google.com&#x2F;p&#x2F;chromium&#x2F;issues&#x2F;detail?id=238071
-		var image = new Image();&#x2F;&#x2F;document.createElement(&#x27;img&#x27;); 
+		// new Image() breaks tex loading in some versions of Chrome.
+		// See https://code.google.com/p/chromium/issues/detail?id=238071
+		var image = new Image();//document.createElement(&#x27;img&#x27;);
 		if (crossorigin)
 		{
 			image.crossOrigin = &#x27;&#x27;;
@@ -284,13 +321,13 @@ PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_textures_RenderTexture.js.html b/docs/files/src_pixi_textures_RenderTexture.js.html
index 0c25c6d..9fbba1c 100644
--- a/docs/files/src_pixi_textures_RenderTexture.js.html
+++ b/docs/files/src_pixi_textures_RenderTexture.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/textures/RenderTexture.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,15 +166,15 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js</h1>
+                        <h1 class="file-heading">File: src/pixi/textures/RenderTexture.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#x2F;**
+/**
  A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
 
  __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
@@ -160,8 +184,8 @@
  
 	var renderTexture = new PIXI.RenderTexture(800, 600);
 	var sprite = PIXI.Sprite.fromImage(&quot;spinObj_01.png&quot;);
-	sprite.position.x = 800&#x2F;2;
-	sprite.position.y = 600&#x2F;2;
+	sprite.position.x = 800/2;
+	sprite.position.y = 600/2;
 	sprite.anchor.x = 0.5;
 	sprite.anchor.y = 0.5;
 	renderTexture.render(sprite);
@@ -170,25 +194,25 @@
 
 	var doc = new PIXI.DisplayObjectContainer();
 	doc.addChild(sprite);
-	renderTexture.render(doc);  &#x2F;&#x2F; Renders to center of renderTexture
+	renderTexture.render(doc);  // Renders to center of renderTexture
 
  @class RenderTexture
  @extends Texture
  @constructor
- @param width {Number}
- @param height {Number}
- **&#x2F;
+ @param width {Number} The width of the render texture
+ @param height {Number} The height of the render texture
+ */
 PIXI.RenderTexture = function(width, height)
 {
 	PIXI.EventTarget.call( this );
-	
+
 	this.width = width || 100;
 	this.height = height || 100;
 
 	this.indetityMatrix = PIXI.mat3.create();
-	
+
 	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-	
+
 	if(PIXI.gl)
 	{
 		this.initWebGL();
@@ -199,19 +223,25 @@ PIXI.RenderTexture = function(width, height)
 	}
 }
 
-PIXI.RenderTexture.constructor = PIXI.RenderTexture;
 PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
+PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
 
+/**
+ * Initializes the webgl data for this texture
+ *
+ * @method initWebGL
+ * @private
+ */
 PIXI.RenderTexture.prototype.initWebGL = function()
 {
 	var gl = PIXI.gl;
 	this.glFramebuffer = gl.createFramebuffer();
-	
+
    	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
 
     this.glFramebuffer.width = this.width;
     this.glFramebuffer.height = this.height;	
-  
+
 	this.baseTexture = new PIXI.BaseTexture();
 
 	this.baseTexture.width = this.width;
@@ -219,120 +249,175 @@ PIXI.RenderTexture.prototype.initWebGL = function()
 
     this.baseTexture._glTexture = gl.createTexture();
     gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-	 	
+
 	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	
+
     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);
-	
+
 	this.baseTexture.isRender = true;
-	
+
 	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
 	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-	
-	&#x2F;&#x2F; create a projection matrix..
-	this.projection = new PIXI.Point(this.width&#x2F;2 , this.height&#x2F;2);
-	
-	this.projectionMatrix =  PIXI.mat4.create();
-	
-	this.projectionMatrix[5] = 2&#x2F;this.height&#x2F;&#x2F; * 0.5;
-	this.projectionMatrix[13] = -1;
-	
-	this.projectionMatrix[0] = 2&#x2F;this.width;
-	this.projectionMatrix[12] = -1;
 
-	&#x2F;&#x2F; set the correct render function..
+	// create a projection matrix..
+	this.projection = new PIXI.Point(this.width/2 , -this.height/2);
+
+	// set the correct render function..
 	this.render = this.renderWebGL;
 }
 
+
+PIXI.RenderTexture.prototype.resize = function(width, height)
+{
+
+	this.width = width;
+	this.height = height;
+	
+	if(PIXI.gl)
+	{
+		this.projection.x = this.width/2
+		this.projection.y = -this.height/2;
+	
+		var gl = PIXI.gl;
+		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
+		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+	}
+	else
+	{
+		
+		this.frame.width = this.width
+		this.frame.height = this.height;
+		this.renderer.resize(this.width, this.height);
+	}
+}
+
+/**
+ * Initializes the canvas data for this texture
+ *
+ * @method initCanvas
+ * @private
+ */
 PIXI.RenderTexture.prototype.initCanvas = function()
 {
 	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-	
+
 	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
 	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-	
+
 	this.render = this.renderCanvas;
 }
 
-&#x2F;**
+/**
  * This function will draw the display object to the texture.
- * @method render
- * @param displayObject {DisplayObject}
+ *
+ * @method renderWebGL
+ * @param displayObject {DisplayObject} The display object to render this texture on
  * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- *&#x2F;
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, clear)
+ * @private
+ */
+PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
 {
 	var gl = PIXI.gl;
-	
-	&#x2F;&#x2F; enable the alpha color mask..
+
+	// enable the alpha color mask..
 	gl.colorMask(true, true, true, true); 
-	
+
 	gl.viewport(0, 0, this.width, this.height);	
-	
+
 	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	
+
 	if(clear)
 	{
 		gl.clearColor(0,0,0, 0);     
 		gl.clear(gl.COLOR_BUFFER_BIT);
 	}
-	
-	&#x2F;&#x2F; THIS WILL MESS WITH HIT TESTING!
+
+	// THIS WILL MESS WITH HIT TESTING!
 	var children = displayObject.children;
-	
-	&#x2F;&#x2F;TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();&#x2F;&#x2F;sthis.indetityMatrix;
-	&#x2F;&#x2F; modify to flip...
+
+	//TODO -? create a new one??? dont think so!
+	var originalWorldTransform = displayObject.worldTransform;
+	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
+	// modify to flip...
 	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
+	displayObject.worldTransform[5] = this.projection.y * -2;
+
+	if(position)
+	{
+		displayObject.worldTransform[2] = position.x;
+		displayObject.worldTransform[5] -= position.y;
+	}
+	
+	PIXI.visibleCount++;
+	displayObject.vcount = PIXI.visibleCount;
 	
 	for(var i=0,j=children.length; i&lt;j; i++)
 	{
 		children[i].updateTransform();	
 	}
-	
+
 	var renderGroup = displayObject.__renderGroup;
 
 	if(renderGroup)
 	{
 		if(displayObject == renderGroup.root)
 		{
-			renderGroup.render(this.projection);
+			renderGroup.render(this.projection, this.glFramebuffer);
 		}
 		else
 		{
-			renderGroup.renderSpecific(displayObject, this.projection);
+			renderGroup.renderSpecific(displayObject, this.projection, this.glFramebuffer);
 		}
 	}
 	else
 	{
 		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
 		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
+		this.renderGroup.render(this.projection, this.glFramebuffer);
 	}
 	
+	displayObject.worldTransform = originalWorldTransform;
 }
 
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, clear)
+
+/**
+ * This function will draw the display object to the texture.
+ *
+ * @method renderCanvas
+ * @param displayObject {DisplayObject} The display object to render this texture on
+ * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
+ * @private
+ */
+PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
 {
 	var children = displayObject.children;
-	
+
 	displayObject.worldTransform = PIXI.mat3.create();
 	
+	if(position)
+	{
+		displayObject.worldTransform[2] = position.x;
+		displayObject.worldTransform[5] = position.y;
+	}
+	
+
 	for(var i=0,j=children.length; i&lt;j; i++)
 	{
 		children[i].updateTransform();	
 	}
 
 	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
+	
     this.renderer.renderDisplayObject(displayObject);
     
-    PIXI.texturesToUpdate.push(this.baseTexture);
-}
+    this.renderer.context.setTransform(1,0,0,1,0,0); 
+    
 
+  //  PIXI.texturesToUpdate.push(this.baseTexture);
+}
 
     </pre>
 </div>
@@ -343,13 +428,13 @@ PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, clear)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_textures_Texture.js.html b/docs/files/src_pixi_textures_Texture.js.html
index ac3027a..c60354b 100644
--- a/docs/files/src_pixi_textures_Texture.js.html
+++ b/docs/files/src_pixi_textures_Texture.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/textures/Texture.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,63 +166,71 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;textures&#x2F;Texture.js</h1>
+                        <h1 class="file-heading">File: src/pixi/textures/Texture.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
 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
+/**
+ * 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
+ * @uses EventTarget
  * @constructor
- * @param baseTexture {BaseTexture}
- * @param frmae {Rectangle}
- *&#x2F;
+ * @param baseTexture {BaseTexture} The base texture source to create the texture from
+ * @param frame {Rectangle} The rectangle frame of the texture to show
+ */
 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();
 
 	if(baseTexture instanceof PIXI.Texture)
 		baseTexture = baseTexture.baseTexture;
-	
-	&#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;
+	 * @type Rectangle
+	 */
 	this.frame = frame;
-	
+
+	/**
+	 * The trim point
+	 *
+	 * @property trim
+	 * @type Point
+	 */
+	this.trim = new PIXI.Point();
+
 	this.scope = this;
-	
+
 	if(baseTexture.hasLoaded)
 	{
 		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		&#x2F;&#x2F;console.log(frame)
-		
+		//console.log(frame)
+
 		this.setFrame(frame);
 	}
 	else
@@ -208,78 +240,94 @@ PIXI.Texture = function(baseTexture, frame)
 	}
 }
 
-PIXI.Texture.constructor = PIXI.Texture;
+PIXI.Texture.prototype.constructor = PIXI.Texture;
 
+/**
+ * Called when the base texture is loaded
+ *
+ * @method onBaseTextureLoaded
+ * @param event
+ * @private
+ */
 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 } );
 }
 
+/**
+ * Destroys this texture
+ *
+ * @method destroy
+ * @param destroyBase {Boolean} Whether to destroy the base texture as well
+ */
 PIXI.Texture.prototype.destroy = function(destroyBase)
 {
 	if(destroyBase)this.baseTexture.destroy();
 }
 
-&#x2F;**
+/**
  * Specifies the rectangle region of the baseTexture
+ *
  * @method setFrame
- * @param frame {Rectangle}
- *&#x2F;
+ * @param frame {Rectangle} The frame of the texture to set it to
+ */
 PIXI.Texture.prototype.setFrame = function(frame)
 {
 	this.frame = frame;
 	this.width = frame.width;
 	this.height = frame.height;
-	
+
 	if(frame.x + frame.width &gt; this.baseTexture.width || frame.y + frame.height &gt; this.baseTexture.height)
 	{
 		throw new Error(&quot;Texture Error: frame does not fit inside the base Texture dimensions &quot; + this);
 	}
-	
+
 	this.updateFrame = true;
-	
+
 	PIXI.Texture.frameUpdates.push(this);
-	&#x2F;&#x2F;this.dispatchEvent( { type: &#x27;update&#x27;, content: this } );
+	//this.dispatchEvent( { type: &#x27;update&#x27;, content: this } );
 }
 
-&#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
+ * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
  * @return Texture
- *&#x2F;
+ */
 PIXI.Texture.fromImage = function(imageUrl, crossorigin)
 {
 	var texture = PIXI.TextureCache[imageUrl];
-	
+
 	if(!texture)
 	{
 		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
 		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
+ *
+ * @static
  * @method fromFrame
  * @param frameId {String} The frame id of the texture
  * @return Texture
- *&#x2F;
+ */
 PIXI.Texture.fromFrame = function(frameId)
 {
 	var texture = PIXI.TextureCache[frameId];
@@ -287,15 +335,15 @@ PIXI.Texture.fromFrame = function(frameId)
 	return texture;
 }
 
-&#x2F;**
- * 
+/**
  * Helper function that returns a texture based on a canvas element
  * If the canvas is not in the texture cache it will be  created and loaded
+ *
  * @static
  * @method fromCanvas
  * @param canvas {Canvas} The canvas element source of the texture
  * @return Texture
- *&#x2F;
+ */
 PIXI.Texture.fromCanvas = function(canvas)
 {
 	var	baseTexture = new PIXI.BaseTexture(canvas);
@@ -303,27 +351,27 @@ PIXI.Texture.fromCanvas = function(canvas)
 }
 
 
-&#x2F;**
- * 
- * Adds a texture to the textureCache. 
+/**
+ * Adds a texture to the textureCache.
+ *
  * @static
  * @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. 
+/**
+ * Remove a texture from the textureCache.
+ *
  * @static
  * @method removeTextureFromCache
  * @param id {String} the id of the texture to be removed
  * @return {Texture} the texture that was removed
- *&#x2F;
+ */
 PIXI.Texture.removeTextureFromCache = function(id)
 {
 	var texture = PIXI.TextureCache[id]
@@ -331,7 +379,7 @@ PIXI.Texture.removeTextureFromCache = function(id)
 	return texture;
 }
 
-&#x2F;&#x2F; this is more for webGL.. it contains updated frames..
+// this is more for webGL.. it contains updated frames..
 PIXI.Texture.frameUpdates = [];
 
 
@@ -344,13 +392,13 @@ PIXI.Texture.frameUpdates = [];
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_utils_Detector.js.html b/docs/files/src_pixi_utils_Detector.js.html
index 7dbe0d9..34e1f5a 100644
--- a/docs/files/src_pixi_utils_Detector.js.html
+++ b/docs/files/src_pixi_utils_Detector.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;utils&#x2F;Detector.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/utils/Detector.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,37 +166,47 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;utils&#x2F;Detector.js</h1>
+                        <h1 class="file-heading">File: src/pixi/utils/Detector.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
- *&#x2F;
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
 
-&#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
+ * 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
  * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent {Boolean} the transparency of the render view, default false
- * @default false
- *&#x2F;
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
+ * @param transparent=false {Boolean} the transparency of the render view, default false
+ * @param antialias=false {Boolean} sets antialias (only applicable in webGL chrome at the moment)
+ *
+ * antialias
+ */
+PIXI.autoDetectRenderer = function(width, height, view, transparent, antialias)
 {
 	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; } } )();
+	// BORROWED from Mr Doob (mrdoob.com)
+	var webgl = ( function () { try { var canvas = document.createElement( &#x27;canvas&#x27; ); return !! window.WebGLRenderingContext &amp;&amp; ( canvas.getContext( &#x27;webgl&#x27; ) || canvas.getContext( &#x27;experimental-webgl&#x27; ) ); } catch( e ) { return false; } } )();
 
-	&#x2F;&#x2F;console.log(webgl);
+	if(webgl)
+	{
+		var ie =  (navigator.userAgent.toLowerCase().indexOf(&#x27;msie&#x27;) != -1);
+		 webgl = !ie;
+	}
+	
+	//console.log(webgl);
 	if( webgl )
 	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
+		return new PIXI.WebGLRenderer(width, height, view, transparent, antialias);
 	}
 
 	return	new PIXI.CanvasRenderer(width, height, view, transparent);
@@ -189,13 +223,13 @@ PIXI.autoDetectRenderer = function(width, height, view, transparent)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_utils_EventTarget.js.html b/docs/files/src_pixi_utils_EventTarget.js.html
index e49f174..63cb9dd 100644
--- a/docs/files/src_pixi_utils_EventTarget.js.html
+++ b/docs/files/src_pixi_utils_EventTarget.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;utils&#x2F;EventTarget.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/utils/EventTarget.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,26 +166,38 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;utils&#x2F;EventTarget.js</h1>
+                        <h1 class="file-heading">File: src/pixi/utils/EventTarget.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;**
- * https:&#x2F;&#x2F;github.com&#x2F;mrdoob&#x2F;eventtarget.js&#x2F;
+/**
+ * https://github.com/mrdoob/eventtarget.js/
  * THankS mr DOob!
- *&#x2F;
+ */
 
+/**
+ * Adds event emitter functionality to a class
+ *
+ * @class EventTarget
+ * @example
+ *		function MyEmitter() {
+ *			PIXI.EventTarget.call(this); //mixes in event target stuff
+ *		}
+ *
+ *		var em = new MyEmitter();
+ *		em.emit({ type: &#x27;eventName&#x27;, data: &#x27;some data&#x27; });
+ */
 PIXI.EventTarget = function () {
 
 	var listeners = {};
-	
+
 	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
+
+
 		if ( listeners[ type ] === undefined ) {
 
 			listeners[ type ] = [];
-			
+
 		}
 
 		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
@@ -172,11 +208,17 @@ PIXI.EventTarget = function () {
 	};
 
 	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
 
-			listeners[ event.type ][ listener ]( event );
-			
+		if ( !listeners[ event.type ] || !listeners[ event.type ].length ) {
+
+			return;
+
+		}
+
+		for(var i = 0, l = listeners[ event.type ].length; i &lt; l; i++) {
+
+			listeners[ event.type ][ i ]( event );
+
 		}
 
 	};
@@ -204,13 +246,13 @@ PIXI.EventTarget = function () {
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/files/src_pixi_utils_Polyk.js.html b/docs/files/src_pixi_utils_Polyk.js.html
new file mode 100644
index 0000000..00d055c
--- /dev/null
+++ b/docs/files/src_pixi_utils_Polyk.js.html
@@ -0,0 +1,341 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>src/pixi/utils/Polyk.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 1.3.0</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="../classes/AbstractFilter.html">AbstractFilter</a></li>
+            
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
+            
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
+            
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+            
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
+            
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
+            
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
+            
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
+            
+                <li><a href="../classes/Circle.html">Circle</a></li>
+            
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
+            
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
+            
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
+            
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
+            
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+            
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
+            
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
+            
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
+            
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
+            
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
+            
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
+            
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
+            
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
+            
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
+            
+                <li><a href="../classes/Point.html">Point</a></li>
+            
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
+            
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
+            
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
+            
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
+            
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../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: src/pixi/utils/Polyk.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/*
+	PolyK library
+	url: http://polyk.ivank.net
+	Released under MIT licence.
+
+	Copyright (c) 2012 Ivan Kuckir
+
+	Permission is hereby granted, free of charge, to any person
+	obtaining a copy of this software and associated documentation
+	files (the &quot;Software&quot;), to deal in the Software without
+	restriction, including without limitation the rights to use,
+	copy, modify, merge, publish, distribute, sublicense, and/or sell
+	copies of the Software, and to permit persons to whom the
+	Software is furnished to do so, subject to the following
+	conditions:
+
+	The above copyright notice and this permission notice shall be
+	included in all copies or substantial portions of the Software.
+
+	THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND,
+	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+	OTHER DEALINGS IN THE SOFTWARE.
+
+	This is an amazing lib!
+
+	slightly modified by mat groves (matgroves.com);
+*/
+
+PIXI.PolyK = {};
+
+/**
+ * Triangulates shapes for webGL graphic fills
+ *
+ * @method Triangulate
+ * @namespace PolyK
+ * @constructor
+ */
+PIXI.PolyK.Triangulate = function(p)
+{
+	var sign = true;
+
+	var n = p.length&gt;&gt;1;
+	if(n&lt;3) return [];
+	var tgs = [];
+	var avl = [];
+	for(var i=0; i&lt;n; i++) avl.push(i);
+
+	var i = 0;
+	var al = n;
+	while(al &gt; 3)
+	{
+		var i0 = avl[(i+0)%al];
+		var i1 = avl[(i+1)%al];
+		var i2 = avl[(i+2)%al];
+
+		var ax = p[2*i0],  ay = p[2*i0+1];
+		var bx = p[2*i1],  by = p[2*i1+1];
+		var cx = p[2*i2],  cy = p[2*i2+1];
+
+		var earFound = false;
+		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
+		{
+			earFound = true;
+			for(var j=0; j&lt;al; j++)
+			{
+				var vi = avl[j];
+				if(vi==i0 || vi==i1 || vi==i2) continue;
+				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
+			}
+		}
+		if(earFound)
+		{
+			tgs.push(i0, i1, i2);
+			avl.splice((i+1)%al, 1);
+			al--;
+			i = 0;
+		}
+		else if(i++ &gt; 3*al)
+		{
+			// need to flip flip reverse it!
+			// reset!
+			if(sign)
+			{
+				var tgs = [];
+				avl = [];
+				for(var i=0; i&lt;n; i++) avl.push(i);
+
+				i = 0;
+				al = n;
+
+				sign = false;
+			}
+			else
+			{
+				console.log(&quot;PIXI Warning: shape too complex to fill&quot;)
+				return [];
+			}
+		}
+	}
+	tgs.push(avl[0], avl[1], avl[2]);
+	return tgs;
+}
+
+/**
+ * Checks if a point is within a triangle
+ *
+ * @class _PointInTriangle
+ * @namespace PolyK
+ * @private
+ */
+PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
+{
+	var v0x = cx-ax;
+	var v0y = cy-ay;
+	var v1x = bx-ax;
+	var v1y = by-ay;
+	var v2x = px-ax;
+	var v2y = py-ay;
+
+	var dot00 = v0x*v0x+v0y*v0y;
+	var dot01 = v0x*v1x+v0y*v1y;
+	var dot02 = v0x*v2x+v0y*v2y;
+	var dot11 = v1x*v1x+v1y*v1y;
+	var dot12 = v1x*v2x+v1y*v2y;
+
+	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
+	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
+	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
+
+	// Check if point is in triangle
+	return (u &gt;= 0) &amp;&amp; (v &gt;= 0) &amp;&amp; (u + v &lt; 1);
+}
+
+/**
+ * Checks if a shape is convex
+ *
+ * @class _convex
+ * @namespace PolyK
+ * @private
+ */
+PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
+{
+	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) &gt;= 0) == sign;
+}
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/docs/files/src_pixi_utils_Utils.js.html b/docs/files/src_pixi_utils_Utils.js.html
index 0e7d63a..15fcb57 100644
--- a/docs/files/src_pixi_utils_Utils.js.html
+++ b/docs/files/src_pixi_utils_Utils.js.html
@@ -2,12 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <title>src/pixi/utils/Utils.js - Pixi.JS</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -142,90 +166,113 @@
             <div class="apidocs">
                 <div id="docs-main">
                     <div class="content">
-                        <h1 class="file-heading">File: src&#x2F;pixi&#x2F;utils&#x2F;Utils.js</h1>
+                        <h1 class="file-heading">File: src/pixi/utils/Utils.js</h1>
 
 <div class="file">
     <pre class="code prettyprint linenums">
-&#x2F;&#x2F; http:&#x2F;&#x2F;paulirish.com&#x2F;2011&#x2F;requestanimationframe-for-smart-animating&#x2F;
-&#x2F;&#x2F; http:&#x2F;&#x2F;my.opera.com&#x2F;emoller&#x2F;blog&#x2F;2011&#x2F;12&#x2F;20&#x2F;requestanimationframe-for-smart-er-animating
+// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
 
-&#x2F;&#x2F; requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
+// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
 
-&#x2F;&#x2F; MIT license
+// MIT license
 
+/**
+ * A polyfill for requestAnimationFrame
+ *
+ * @method requestAnimationFrame
+ */
+/**
+ * A polyfill for cancelAnimationFrame
+ *
+ * @method cancelAnimationFrame
+ */
+var lastTime = 0;
+var vendors = [&#x27;ms&#x27;, &#x27;moz&#x27;, &#x27;webkit&#x27;, &#x27;o&#x27;];
+for(var x = 0; x &lt; vendors.length &amp;&amp; !window.requestAnimationFrame; ++x) {
+    window.requestAnimationFrame = window[vendors[x]+&#x27;RequestAnimationFrame&#x27;];
+    window.cancelAnimationFrame = window[vendors[x]+&#x27;CancelAnimationFrame&#x27;]
+                               || window[vendors[x]+&#x27;CancelRequestAnimationFrame&#x27;];
+}
 
-    var lastTime = 0;
-    var vendors = [&#x27;ms&#x27;, &#x27;moz&#x27;, &#x27;webkit&#x27;, &#x27;o&#x27;];
-    for(var x = 0; x &lt; vendors.length &amp;&amp; !window.requestAnimationFrame; ++x) {
-        window.requestAnimationFrame = window[vendors[x]+&#x27;RequestAnimationFrame&#x27;];
-        window.cancelAnimationFrame = window[vendors[x]+&#x27;CancelAnimationFrame&#x27;] 
-                                   || window[vendors[x]+&#x27;CancelRequestAnimationFrame&#x27;];
-    }
+if (!window.requestAnimationFrame)
+    window.requestAnimationFrame = function(callback, element) {
+        var currTime = new Date().getTime();
+        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+        var id = window.setTimeout(function() { callback(currTime + timeToCall); },
+          timeToCall);
+        lastTime = currTime + timeToCall;
+        return id;
+    };
 
-    if (!window.requestAnimationFrame)
-        window.requestAnimationFrame = function(callback, element) {
-            var currTime = new Date().getTime();
-            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-            var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-              timeToCall);
-            lastTime = currTime + timeToCall;
-            return id;
-        };
-
-    if (!window.cancelAnimationFrame)
-        window.cancelAnimationFrame = function(id) {
-            clearTimeout(id);
-        };
+if (!window.cancelAnimationFrame)
+    window.cancelAnimationFrame = function(id) {
+        clearTimeout(id);
+    };
 
 window.requestAnimFrame = window.requestAnimationFrame;
 
+/**
+ * Converts a hex color number to an [R, G, B] array
+ *
+ * @method HEXtoRGB
+ * @param hex {Number}
+ */
 function HEXtoRGB(hex) {
-	return [(hex &gt;&gt; 16 &amp; 0xFF) &#x2F; 255, ( hex &gt;&gt; 8 &amp; 0xFF) &#x2F; 255, (hex &amp; 0xFF)&#x2F; 255];
+	return [(hex &gt;&gt; 16 &amp; 0xFF) / 255, ( hex &gt;&gt; 8 &amp; 0xFF) / 255, (hex &amp; 0xFF)/ 255];
 }
 
-&#x2F;**
- * Provides bind in a cross browser way.
- *&#x2F;
+/**
+ * A polyfill for Function.prototype.bind
+ *
+ * @method bind
+ */
 if (typeof Function.prototype.bind != &#x27;function&#x27;) {
   Function.prototype.bind = (function () {
     var slice = Array.prototype.slice;
     return function (thisArg) {
       var target = this, boundArgs = slice.call(arguments, 1);
- 
+
       if (typeof target != &#x27;function&#x27;) throw new TypeError();
- 
+
       function bound() {
 	var args = boundArgs.concat(slice.call(arguments));
 	target.apply(this instanceof bound ? this : thisArg, args);
       }
- 
+
       bound.prototype = (function F(proto) {
           proto &amp;&amp; (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
+          if (!(this instanceof F)) return new F;
 	})(target.prototype);
- 
+
       return bound;
     };
   })();
 }
 
+/**
+ * A wrapper for ajax requests to be handled cross browser
+ *
+ * @class AjaxRequest
+ * @constructor
+ */
 var AjaxRequest = PIXI.AjaxRequest = function()
 {
-	var activexmodes = [&quot;Msxml2.XMLHTTP&quot;, &quot;Microsoft.XMLHTTP&quot;] &#x2F;&#x2F;activeX versions to check for in IE
-	
+	var activexmodes = [&quot;Msxml2.XMLHTTP.6.0&quot;, &quot;Msxml2.XMLHTTP.3.0&quot;, &quot;Microsoft.XMLHTTP&quot;] //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)
+	{ //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
+    			//suppress error
    			}
 		}
 	}
-	else if (window.XMLHttpRequest) &#x2F;&#x2F; if Mozilla, Safari etc
+	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
   	{
   		return new XMLHttpRequest()
  	}
@@ -235,9 +282,9 @@ var AjaxRequest = PIXI.AjaxRequest = function()
  	}
 }
 
-&#x2F;*
+/*
  * DEBUGGING ONLY
- *&#x2F;
+ */
 PIXI.runList = function(item)
 {
 	console.log(&quot;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&quot;)
@@ -245,21 +292,20 @@ PIXI.runList = function(item)
 	var safe = 0;
 	var tmp = item.first;
 	console.log(tmp);
-	
+
 	while(tmp._iNext)
 	{
 		safe++;
-&#x2F;&#x2F;		console.log(tmp.childIndex + tmp);
 		tmp = tmp._iNext;
-		console.log(tmp);&#x2F;&#x2F;.childIndex);
-	&#x2F;&#x2F;	console.log(tmp);
-	
+		console.log(tmp);
+	//	console.log(tmp);
+
 		if(safe &gt; 100)
 		{
 			console.log(&quot;BREAK&quot;)
 			break
 		}
-	}	
+	}
 }
 
 
@@ -276,13 +322,13 @@ PIXI.runList = function(item)
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/index.html b/docs/index.html
index 6de3004..1b0f5e0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="./assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="./assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="./assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="./classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href=".&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="./classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href=".&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="./classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href=".&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="./classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href=".&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="./classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href=".&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="./classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href=".&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="./classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href=".&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="./classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href=".&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="./classes/Circle.html">Circle</a></li>
             
-                <li><a href=".&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="./classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href=".&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="./classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href=".&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="./classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href=".&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="./classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href=".&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="./classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href=".&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="./classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href=".&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="./classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href=".&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="./classes/Graphics.html">Graphics</a></li>
             
-                <li><a href=".&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="./classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href=".&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="./classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href=".&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="./classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href=".&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="./classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href=".&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="./classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href=".&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="./classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href=".&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="./classes/Point.html">Point</a></li>
             
-                <li><a href=".&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="./classes/Polygon.html">Polygon</a></li>
             
-                <li><a href=".&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="./classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href=".&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="./classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href=".&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="./classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href=".&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="./classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href=".&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="./classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="./classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="./classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="./classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="./classes/Spine.html">Spine</a></li>
+            
+                <li><a href="./classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="./classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="./classes/Stage.html">Stage</a></li>
+            
+                <li><a href="./classes/Text.html">Text</a></li>
+            
+                <li><a href="./classes/Texture.html">Texture</a></li>
+            
+                <li><a href="./classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="./classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="./classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href=".&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="./modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -170,13 +194,13 @@
         </div>
     </div>
 </div>
-<script src=".&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="./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>
+<script src="./assets/js/yui-prettify.js"></script>
+<script src="./assets/../api.js"></script>
+<script src="./assets/js/api-filter.js"></script>
+<script src="./assets/js/api-list.js"></script>
+<script src="./assets/js/api-search.js"></script>
+<script src="./assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/docs/modules/PIXI.html b/docs/modules/PIXI.html
index 52f88e4..9a9e653 100644
--- a/docs/modules/PIXI.html
+++ b/docs/modules/PIXI.html
@@ -3,11 +3,11 @@
 <head>
     <meta charset="utf-8">
     <title>PIXI - Pixi.JS</title>
-    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#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.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
 </head>
 <body class="yui3-skin-sam">
 
@@ -15,7 +15,7 @@
     <div id="hd" class="yui3-g header">
         <div class="yui3-u-3-4">
             
-                <h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
+                <h1><img src="http://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
             
         </div>
         <div class="yui3-u-1-4 version">
@@ -41,71 +41,95 @@
         <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="../classes/AbstractFilter.html">AbstractFilter</a></li>
             
-                <li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
+                <li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
+                <li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
             
-                <li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
+                <li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasGraphics.html">CanvasGraphics</a></li>
+                <li><a href="../classes/BitmapText.html">BitmapText</a></li>
             
-                <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
+                <li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
+                <li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
             
-                <li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
+                <li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
+                <li><a href="../classes/Circle.html">Circle</a></li>
             
-                <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
+                <li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
+                <li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
             
-                <li><a href="..&#x2F;classes/Graphics.html">Graphics</a></li>
+                <li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
             
-                <li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</a></li>
+                <li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
+                <li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
             
-                <li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
+                <li><a href="../classes/Ellipse.html">Ellipse</a></li>
             
-                <li><a href="..&#x2F;classes/JsonLoader.html">JsonLoader</a></li>
+                <li><a href="../classes/EventTarget.html">EventTarget</a></li>
             
-                <li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
+                <li><a href="../classes/Graphics.html">Graphics</a></li>
             
-                <li><a href="..&#x2F;classes/Point.html">Point</a></li>
+                <li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
             
-                <li><a href="..&#x2F;classes/Polygon.html">Polygon</a></li>
+                <li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
+                <li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
             
-                <li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
+                <li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
             
-                <li><a href="..&#x2F;classes/Spine.html">Spine</a></li>
+                <li><a href="../classes/MovieClip.html">MovieClip</a></li>
             
-                <li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
+                <li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
             
-                <li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+                <li><a href="../classes/Point.html">Point</a></li>
             
-                <li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
+                <li><a href="../classes/Polygon.html">Polygon</a></li>
             
-                <li><a href="..&#x2F;classes/Text.html">Text</a></li>
+                <li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
             
-                <li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
+                <li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
             
-                <li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
+                <li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
+                <li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
             
-                <li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
+                <li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
+            
+                <li><a href="../classes/Rectangle.html">Rectangle</a></li>
+            
+                <li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
+            
+                <li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
+            
+                <li><a href="../classes/Spine.html">Spine</a></li>
+            
+                <li><a href="../classes/Sprite.html">Sprite</a></li>
+            
+                <li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
+            
+                <li><a href="../classes/Stage.html">Stage</a></li>
+            
+                <li><a href="../classes/Text.html">Text</a></li>
+            
+                <li><a href="../classes/Texture.html">Texture</a></li>
+            
+                <li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
+            
+                <li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
+            
+                <li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
             
             </ul>
 
             <ul id="api-modules" class="apis modules">
             
-                <li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
+                <li><a href="../modules/PIXI.html">PIXI</a></li>
             
             </ul>
         </div>
@@ -150,7 +174,7 @@
 
     
         <div class="foundat">
-            Defined in: <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l493"><code>src&#x2F;pixi&#x2F;InteractionManager.js:493</code></a>
+            Defined in: <a href="../files/src_pixi_InteractionManager.js.html#l646"><code>src&#x2F;pixi&#x2F;InteractionManager.js:646</code></a>
         </div>
     
 
@@ -173,181 +197,253 @@
             <ul class="module-classes">
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/AssetLoader.html">
+                    <a href="../classes/AbstractFilter.html">
+                        AbstractFilter
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/AssetLoader.html">
                         AssetLoader
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/BaseTexture.html">
+                    <a href="../classes/BaseTexture.html">
                         BaseTexture
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/BitmapFontLoader.html">
+                    <a href="../classes/BitmapFontLoader.html">
                         BitmapFontLoader
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/BitmapText.html">
+                    <a href="../classes/BitmapText.html">
                         BitmapText
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/CanvasGraphics.html">
+                    <a href="../classes/BlurFilter.html">
+                        BlurFilter
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/CanvasGraphics.html">
                         CanvasGraphics
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/CanvasRenderer.html">
+                    <a href="../classes/CanvasRenderer.html">
                         CanvasRenderer
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Circle.html">
+                    <a href="../classes/Circle.html">
                         Circle
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/CustomRenderable.html">
+                    <a href="../classes/ColorMatrixFilter.html">
+                        ColorMatrixFilter
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/CustomRenderable.html">
                         CustomRenderable
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/DisplayObject.html">
+                    <a href="../classes/DisplacementFilter.html">
+                        DisplacementFilter
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/DisplayObject.html">
                         DisplayObject
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/DisplayObjectContainer.html">
+                    <a href="../classes/DisplayObjectContainer.html">
                         DisplayObjectContainer
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Ellipse.html">
+                    <a href="../classes/Ellipse.html">
                         Ellipse
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Graphics.html">
+                    <a href="../classes/EventTarget.html">
+                        EventTarget
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/Graphics.html">
                         Graphics
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/ImageLoader.html">
+                    <a href="../classes/GreyFilter.html">
+                        GreyFilter
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/ImageLoader.html">
                         ImageLoader
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/InteractionData.html">
-                        InteractionData
+                    <a href="../classes/InvertFilter.html">
+                        InvertFilter
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/InteractionManager.html">
-                        InteractionManager
-                    </a>
-                </li>
-            
-                <li class="module-class">
-                    <a href="..&#x2F;classes/JsonLoader.html">
+                    <a href="../classes/JsonLoader.html">
                         JsonLoader
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/MovieClip.html">
+                    <a href="../classes/MovieClip.html">
                         MovieClip
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Point.html">
+                    <a href="../classes/PixelateFilter.html">
+                        PixelateFilter
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/Point.html">
                         Point
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Polygon.html">
+                    <a href="../classes/Polygon.html">
                         Polygon
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Rectangle.html">
+                    <a href="../classes/PolyK._convex.html">
+                        PolyK._convex
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/PolyK._PointInTriangle.html">
+                        PolyK._PointInTriangle
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/PolyK.AjaxRequest.html">
+                        PolyK.AjaxRequest
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/PolyK.InteractionData.html">
+                        PolyK.InteractionData
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/PolyK.InteractionManager.html">
+                        PolyK.InteractionManager
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/Rectangle.html">
                         Rectangle
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/RenderTexture.html">
+                    <a href="../classes/RenderTexture.html">
                         RenderTexture
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Spine.html">
+                    <a href="../classes/SepiaFilter.html">
+                        SepiaFilter
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/Spine.html">
                         Spine
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Sprite.html">
+                    <a href="../classes/Sprite.html">
                         Sprite
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/SpriteSheetLoader.html">
+                    <a href="../classes/SpriteSheetLoader.html">
                         SpriteSheetLoader
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Stage.html">
+                    <a href="../classes/Stage.html">
                         Stage
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Text.html">
+                    <a href="../classes/Text.html">
                         Text
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/Texture.html">
+                    <a href="../classes/Texture.html">
                         Texture
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/TilingSprite.html">
+                    <a href="../classes/TilingSprite.html">
                         TilingSprite
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/WebGLBatch.html">
+                    <a href="../classes/WebGLBatch.html">
                         WebGLBatch
                     </a>
                 </li>
             
                 <li class="module-class">
-                    <a href="..&#x2F;classes/WebGLRenderer.html">
+                    <a href="../classes/WebGLRenderer.html">
                         WebGLRenderer
                     </a>
                 </li>
@@ -367,13 +463,13 @@
         </div>
     </div>
 </div>
-<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
+<script src="../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>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
 </body>
 </html>
diff --git a/examples/example 1 - Basics/index.html b/examples/example 1 - Basics/index.html
index 543a6db..be99acc 100644
--- a/examples/example 1 - Basics/index.html	
+++ b/examples/example 1 - Basics/index.html	
@@ -9,46 +9,46 @@
 			background-color: #000000;
 		}
 	</style>
-	<script src="pixi.js"></script>
+	<script src="../../bin/pixi.dev.js"></script>
 
 </head>
 <body>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0x66FF99);
-	
+
 	// create a renderer instance
 	var renderer = PIXI.autoDetectRenderer(400, 300);
-	
+
 	// add the renderer view element to the DOM
 	document.body.appendChild(renderer.view);
-	
+
 	requestAnimFrame( animate );
-	
+
 	// create a texture from an image path
 	var texture = PIXI.Texture.fromImage("bunny.png");
 	// create a new Sprite using the texture
 	var bunny = new PIXI.Sprite(texture);
-	
+
 	// center the sprites anchor point
 	bunny.anchor.x = 0.5;
 	bunny.anchor.y = 0.5;
-	
+
 	// move the sprite t the center of the screen
 	bunny.position.x = 200;
 	bunny.position.y = 150;
-	
+
 	stage.addChild(bunny);
-	
+
 	function animate() {
-	
+
 	    requestAnimFrame( animate );
-	
+
 	    // just for fun, lets rotate mr rabbit a little
 	    bunny.rotation += 0.1;
-		
-	    // render the stage   
+
+	    // render the stage
 	    renderer.render(stage);
 	}
 
diff --git a/examples/example 1 - Basics/pixi.js b/examples/example 1 - Basics/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 1 - Basics/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 10 - Text/desyrel.fnt b/examples/example 10 - Text/desyrel.xml
similarity index 100%
rename from examples/example 10 - Text/desyrel.fnt
rename to examples/example 10 - Text/desyrel.xml
diff --git a/examples/example 10 - Text/index.html b/examples/example 10 - Text/index.html
index 32976f1..2951e77 100644
--- a/examples/example 10 - Text/index.html	
+++ b/examples/example 10 - Text/index.html	
@@ -10,9 +10,9 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	
-	<script src="pixi.js"></script>
+
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
@@ -38,7 +38,7 @@
         var s = document.getElementsByTagName('script')[0];
         s.parentNode.insertBefore(wf, s);
       })();
-	
+
 	function runList(item)
 	{
 		console.log(">>>>>>>>>")
@@ -52,18 +52,18 @@
 			tmp = tmp._iNext;
 			console.log(tmp);//.childIndex);
 		//	console.log(tmp);
-		
+
 			if(safe > 100)
 			{
 				console.log("BREAK")
 				break
 			}
-		}	
+		}
 	}
-	
+
     function init()
     {
-        var assetsToLoader = ["desyrel.fnt"];
+        var assetsToLoader = ["desyrel.xml"];
 
         // create a new loader
         var loader = new PIXI.AssetLoader(assetsToLoader);
@@ -72,24 +72,24 @@
         loader.onComplete = onAssetsLoaded;
 
         //begin load
-        
+
         	// create an new instance of a pixi stage
 		var stage = new PIXI.Stage(0x66FF99);
-		
+
         loader.load();
         function onAssetsLoaded()
         {
             var bitmapFontText = new PIXI.BitmapText("bitmap fonts are\n now supported!", {font: "35px Desyrel", align: "right"});
             bitmapFontText.position.x = 620 - bitmapFontText.width - 20;
             bitmapFontText.position.y = 20;
-			
+
 			runList(bitmapFontText)
 	           stage.addChild(bitmapFontText);
 
 
         }
 
-	
+
 
 		// add a shiney background..
 		var background = PIXI.Sprite.fromImage("textDemoBG.jpg");
@@ -101,7 +101,7 @@
 		document.body.appendChild(renderer.view);
 
 		requestAnimFrame(animate);
-		
+
 		// create some white text using the Snippet webfont
 		var textSample = new PIXI.Text("Pixi.js can has\nmultiline text!", {font: "35px Snippet", fill: "white", align: "left"});
 		textSample.position.x = 20;
@@ -119,11 +119,11 @@
 		countingText.position.x = 620 / 2;
 		countingText.position.y = 320;
 		countingText.anchor.x = 0.5;
-		
+
 		stage.addChild(textSample);
 		stage.addChild(spinningText);
 		stage.addChild(countingText);
-		
+
 		var count = 0;
 		var score = 0;
 
@@ -137,16 +137,16 @@
 				score++;
 				// update the text...
 				countingText.setText("COUNT 4EVAR: " + score);
-				
+
 			}
 		    // just for fun, lets rotate the text
 		    spinningText.rotation += 0.03;
-			
-		    // render the stage   
+
+		    // render the stage
 		    renderer.render(stage);
 		}
 	}
-	   
+
 	</script>
 
 	</body>
diff --git a/examples/example 10 - Text/pixi.js b/examples/example 10 - Text/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 10 - Text/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 11 - RenderTexture/index.html b/examples/example 11 - RenderTexture/index.html
index 4020156..cb9c3b1 100644
--- a/examples/example 11 - RenderTexture/index.html	
+++ b/examples/example 11 - RenderTexture/index.html	
@@ -9,71 +9,71 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	
-	<script src="pixi.js"></script>
+
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0x000000);
 
 	// create a renderer instance
 	var renderer = new PIXI.autoDetectRenderer(800, 600);
-	
+
 	// set the canvas width and height to fill the screen
 	renderer.view.style.width = window.innerWidth + "px";
 	renderer.view.style.height = window.innerHeight + "px";
 	renderer.view.style.display = "block";
-	 
+
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
+
 	// OOH! SHINY!
 	// create two render textures.. these dynamic textures will be used to draw the scene into itself
 	var renderTexture = new PIXI.RenderTexture(800, 600);
 	var renderTexture2 = new PIXI.RenderTexture(800, 600);
 	var currentTexture = renderTexture;
-	
+
 	// create a new sprite that uses the render texture we created above
 	var outputSprite = new PIXI.Sprite(currentTexture);
-	
+
 	// align the sprite
 	outputSprite.position.x = 800/2;
 	outputSprite.position.y = 600/2;
 	outputSprite.anchor.x = 0.5;
 	outputSprite.anchor.y = 0.5;
-	
+
 	// add to stage
 	stage.addChild(outputSprite);
-	
+
 	var stuffContainer = new PIXI.DisplayObjectContainer();
-	
+
 	stuffContainer.position.x = 800/2;
 	stuffContainer.position.y = 600/2
-	
+
 	stage.addChild(stuffContainer);
-	
-	// create an array of image ids.. 
+
+	// create an array of image ids..
 	var fruits = ["spinObj_01.png", "spinObj_02.png",
 					"spinObj_03.png", "spinObj_04.png",
 					"spinObj_05.png", "spinObj_06.png",
 					"spinObj_07.png", "spinObj_08.png"];
-	
+
 	// create an array of items
 	var items = [];
-	
+
 	// now create some items and randomly position them in the stuff container
-	for (var i=0; i < 20; i++) 
+	for (var i=0; i < 20; i++)
 	{
 		var item = PIXI.Sprite.fromImage(fruits[i % fruits.length]);
 		item.position.x = Math.random() * 400 - 200;
 		item.position.y = Math.random() * 400 - 200;
-		
+
 		item.anchor.x = 0.5;
 		item.anchor.y = 0.5;
-		
+
 		stuffContainer.addChild(item);
 		console.log("_")
 		items.push(item);
@@ -81,40 +81,40 @@
 
 	// used for spinning!
 	var count = 0;
-	
-	
+
+
 	requestAnimFrame(animate);
 
 	function animate() {
 
 	    requestAnimFrame( animate );
-		
-		for (var i=0; i < items.length; i++) 
+
+		for (var i=0; i < items.length; i++)
 		{
 			// rotate each item
 			var item = items[i];
 			item.rotation += 0.1;
 		};
-		
+
 		count += 0.01;
-		
+
 		// swap the buffers..
 		var temp = renderTexture;
 		renderTexture = renderTexture2;
 		renderTexture2 = temp;
-		
-		
+
+
 		// set the new texture
 		outputSprite.setTexture(renderTexture);
-		
+
 		// twist this up!
 		stuffContainer.rotation -= 0.01
 		outputSprite.scale.x = outputSprite.scale.y  = 1 + Math.sin(count) * 0.2;
-		
+
 		// render the stage to the texture
 		// the true clears the texture before content is rendered
 		renderTexture2.render(stage, new PIXI.Point(0,0), true);
-		
+
 		// and finally render the stage
 	    renderer.render(stage);
 	}
diff --git a/examples/example 11 - RenderTexture/pixi.js b/examples/example 11 - RenderTexture/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 11 - RenderTexture/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 12 - Spine/data/goblins.json b/examples/example 12 - Spine/data/goblins.json
new file mode 100644
index 0000000..985205c
--- /dev/null
+++ b/examples/example 12 - Spine/data/goblins.json	
@@ -0,0 +1,332 @@
+{"frames": {
+
+"dagger.png":
+{
+	"frame": {"x":2,"y":372,"w":26,"h":108},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":26,"h":108},
+	"sourceSize": {"w":26,"h":108}
+},
+"goblin/eyes-closed.png":
+{
+	"frame": {"x":64,"y":354,"w":34,"h":12},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":34,"h":12},
+	"sourceSize": {"w":34,"h":12}
+},
+"goblin/head.png":
+{
+	"frame": {"x":59,"y":83,"w":103,"h":64},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":2,"w":103,"h":64},
+	"sourceSize": {"w":103,"h":66}
+},
+"goblin/left-arm.png":
+{
+	"frame": {"x":30,"y":445,"w":37,"h":35},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":37,"h":35},
+	"sourceSize": {"w":37,"h":35}
+},
+"goblin/left-foot.png":
+{
+	"frame": {"x":59,"y":182,"w":65,"h":31},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":65,"h":31},
+	"sourceSize": {"w":65,"h":31}
+},
+"goblin/left-hand.png":
+{
+	"frame": {"x":107,"y":436,"w":36,"h":41},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":41},
+	"sourceSize": {"w":36,"h":41}
+},
+"goblin/left-lower-leg.png":
+{
+	"frame": {"x":26,"y":74,"w":31,"h":70},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":1,"y":0,"w":31,"h":70},
+	"sourceSize": {"w":33,"h":70}
+},
+"goblin/left-shoulder.png":
+{
+	"frame": {"x":26,"y":146,"w":29,"h":44},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":29,"h":44},
+	"sourceSize": {"w":29,"h":44}
+},
+"goblin/left-upper-leg.png":
+{
+	"frame": {"x":30,"y":370,"w":33,"h":73},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":33,"h":73},
+	"sourceSize": {"w":33,"h":73}
+},
+"goblin/neck.png":
+{
+	"frame": {"x":146,"y":309,"w":36,"h":41},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":41},
+	"sourceSize": {"w":36,"h":41}
+},
+"goblin/pelvis.png":
+{
+	"frame": {"x":163,"y":233,"w":62,"h":43},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":62,"h":43},
+	"sourceSize": {"w":62,"h":43}
+},
+"goblin/right-arm.png":
+{
+	"frame": {"x":30,"y":240,"w":23,"h":50},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":23,"h":50},
+	"sourceSize": {"w":23,"h":50}
+},
+"goblin/right-foot.png":
+{
+	"frame": {"x":164,"y":198,"w":63,"h":33},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":63,"h":33},
+	"sourceSize": {"w":63,"h":33}
+},
+"goblin/right-hand.png":
+{
+	"frame": {"x":154,"y":462,"w":36,"h":37},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":37},
+	"sourceSize": {"w":36,"h":37}
+},
+"goblin/right-lower-leg.png":
+{
+	"frame": {"x":26,"y":292,"w":36,"h":76},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":76},
+	"sourceSize": {"w":36,"h":76}
+},
+"goblin/right-shoulder.png":
+{
+	"frame": {"x":105,"y":309,"w":39,"h":43},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":2,"w":39,"h":43},
+	"sourceSize": {"w":39,"h":45}
+},
+"goblin/right-upper-leg.png":
+{
+	"frame": {"x":136,"y":354,"w":34,"h":63},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":34,"h":63},
+	"sourceSize": {"w":34,"h":63}
+},
+"goblin/torso.png":
+{
+	"frame": {"x":164,"y":2,"w":68,"h":96},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":68,"h":96},
+	"sourceSize": {"w":68,"h":96}
+},
+"goblin/undie-straps.png":
+{
+	"frame": {"x":59,"y":482,"w":55,"h":19},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":55,"h":19},
+	"sourceSize": {"w":55,"h":19}
+},
+"goblin/undies.png":
+{
+	"frame": {"x":116,"y":479,"w":36,"h":29},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":29},
+	"sourceSize": {"w":36,"h":29}
+},
+"goblingirl/eyes-closed.png":
+{
+	"frame": {"x":100,"y":419,"w":37,"h":15},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":6,"w":37,"h":15},
+	"sourceSize": {"w":37,"h":21}
+},
+"goblingirl/head.png":
+{
+	"frame": {"x":59,"y":2,"w":103,"h":79},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":0,"w":103,"h":79},
+	"sourceSize": {"w":103,"h":81}
+},
+"goblingirl/left-arm.png":
+{
+	"frame": {"x":124,"y":227,"w":37,"h":35},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":37,"h":35},
+	"sourceSize": {"w":37,"h":35}
+},
+"goblingirl/left-foot.png":
+{
+	"frame": {"x":59,"y":149,"w":65,"h":31},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":65,"h":31},
+	"sourceSize": {"w":65,"h":31}
+},
+"goblingirl/left-hand.png":
+{
+	"frame": {"x":55,"y":250,"w":35,"h":40},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":35,"h":40},
+	"sourceSize": {"w":35,"h":40}
+},
+"goblingirl/left-lower-leg.png":
+{
+	"frame": {"x":26,"y":2,"w":31,"h":70},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":1,"y":0,"w":31,"h":70},
+	"sourceSize": {"w":33,"h":70}
+},
+"goblingirl/left-shoulder.png":
+{
+	"frame": {"x":26,"y":192,"w":28,"h":46},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":28,"h":46},
+	"sourceSize": {"w":28,"h":46}
+},
+"goblingirl/left-upper-leg.png":
+{
+	"frame": {"x":65,"y":368,"w":33,"h":70},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":33,"h":70},
+	"sourceSize": {"w":33,"h":70}
+},
+"goblingirl/neck.png":
+{
+	"frame": {"x":145,"y":419,"w":33,"h":41},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":0,"w":33,"h":41},
+	"sourceSize": {"w":35,"h":41}
+},
+"goblingirl/pelvis.png":
+{
+	"frame": {"x":92,"y":264,"w":60,"h":43},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":0,"w":60,"h":43},
+	"sourceSize": {"w":62,"h":43}
+},
+"goblingirl/right-arm.png":
+{
+	"frame": {"x":232,"y":100,"w":22,"h":50},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":3,"y":0,"w":22,"h":50},
+	"sourceSize": {"w":28,"h":50}
+},
+"goblingirl/right-foot.png":
+{
+	"frame": {"x":59,"y":215,"w":63,"h":33},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":63,"h":33},
+	"sourceSize": {"w":63,"h":33}
+},
+"goblingirl/right-hand.png":
+{
+	"frame": {"x":69,"y":440,"w":36,"h":37},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":37},
+	"sourceSize": {"w":36,"h":37}
+},
+"goblingirl/right-lower-leg.png":
+{
+	"frame": {"x":126,"y":149,"w":36,"h":76},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":76},
+	"sourceSize": {"w":36,"h":76}
+},
+"goblingirl/right-shoulder.png":
+{
+	"frame": {"x":64,"y":309,"w":39,"h":43},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":2,"w":39,"h":43},
+	"sourceSize": {"w":39,"h":45}
+},
+"goblingirl/right-upper-leg.png":
+{
+	"frame": {"x":100,"y":354,"w":34,"h":63},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":34,"h":63},
+	"sourceSize": {"w":34,"h":63}
+},
+"goblingirl/torso.png":
+{
+	"frame": {"x":164,"y":100,"w":66,"h":96},
+	"rotated": false,
+	"trimmed": true,
+	"spriteSourceSize": {"x":0,"y":0,"w":66,"h":96},
+	"sourceSize": {"w":68,"h":96}
+},
+"goblingirl/undie-straps.png":
+{
+	"frame": {"x":2,"y":482,"w":55,"h":19},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":55,"h":19},
+	"sourceSize": {"w":55,"h":19}
+},
+"goblingirl/undies.png":
+{
+	"frame": {"x":154,"y":278,"w":36,"h":29},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":36,"h":29},
+	"sourceSize": {"w":36,"h":29}
+},
+"spear.png":
+{
+	"frame": {"x":2,"y":2,"w":22,"h":368},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":22,"h":368},
+	"sourceSize": {"w":22,"h":368}
+}},
+"meta": {
+	"app": "http://www.codeandweb.com/texturepacker ",
+	"version": "1.0",
+	"image": "goblins.png",
+	"format": "RGBA8888",
+	"size": {"w":256,"h":512},
+	"scale": "1",
+	"smartupdate": "$TexturePacker:SmartUpdate:f89858b99c6b15e23d39806c4170313a:1/1$"
+}
+}
diff --git a/examples/example 12 - Spine/data/goblins.png b/examples/example 12 - Spine/data/goblins.png
new file mode 100644
index 0000000..5c26ca0
Binary files /dev/null and b/examples/example 12 - Spine/data/goblins.png differ
diff --git a/examples/example 12 - Spine/data/goblinsSpineData.json b/examples/example 12 - Spine/data/goblinsSpineData.json
new file mode 100644
index 0000000..4a44566
--- /dev/null
+++ b/examples/example 12 - Spine/data/goblinsSpineData.json	
@@ -0,0 +1,502 @@
+{
+"bones": [
+	{ "name": "root" },
+	{ "name": "hip", "parent": "root", "x": 0.64, "y": 114.41 },
+	{ "name": "left upper leg", "parent": "hip", "length": 50.39, "x": 14.45, "y": 2.81, "rotation": -89.09 },
+	{ "name": "pelvis", "parent": "hip", "x": 1.41, "y": -6.57 },
+	{ "name": "right upper leg", "parent": "hip", "length": 42.45, "x": -20.07, "y": -6.83, "rotation": -97.49 },
+	{ "name": "torso", "parent": "hip", "length": 85.82, "x": -6.42, "y": 1.97, "rotation": 93.92 },
+	{ "name": "left lower leg", "parent": "left upper leg", "length": 49.89, "x": 56.34, "y": 0.98, "rotation": -16.65 },
+	{ "name": "left shoulder", "parent": "torso", "length": 35.43, "x": 74.04, "y": -20.38, "rotation": -156.96 },
+	{ "name": "neck", "parent": "torso", "length": 18.38, "x": 81.67, "y": -6.34, "rotation": -1.51 },
+	{ "name": "right lower leg", "parent": "right upper leg", "length": 58.52, "x": 42.99, "y": -0.61, "rotation": -14.34 },
+	{ "name": "right shoulder", "parent": "torso", "length": 37.24, "x": 76.02, "y": 18.14, "rotation": 133.88 },
+	{ "name": "head", "parent": "neck", "length": 68.28, "x": 20.93, "y": 11.59, "rotation": -13.92 },
+	{ "name": "left arm", "parent": "left shoulder", "length": 35.62, "x": 37.85, "y": -2.34, "rotation": 28.16 },
+	{ "name": "left foot", "parent": "left lower leg", "length": 46.5, "x": 58.94, "y": -7.61, "rotation": 102.43 },
+	{ "name": "right arm", "parent": "right shoulder", "length": 36.74, "x": 37.6, "y": 0.31, "rotation": 36.32 },
+	{ "name": "right foot", "parent": "right lower leg", "length": 45.45, "x": 64.88, "y": 0.04, "rotation": 110.3 },
+	{ "name": "left hand", "parent": "left arm", "length": 11.52, "x": 35.62, "y": 0.07, "rotation": 2.7 },
+	{ "name": "right hand", "parent": "right arm", "length": 15.32, "x": 36.9, "y": 0.34, "rotation": 2.35 }
+],
+"slots": [
+	{ "name": "left shoulder", "bone": "left shoulder", "attachment": "left shoulder" },
+	{ "name": "left arm", "bone": "left arm", "attachment": "left arm" },
+	{ "name": "left hand item", "bone": "left hand", "attachment": "spear" },
+	{ "name": "left hand", "bone": "left hand", "attachment": "left hand" },
+	{ "name": "left foot", "bone": "left foot", "attachment": "left foot" },
+	{ "name": "left lower leg", "bone": "left lower leg", "attachment": "left lower leg" },
+	{ "name": "left upper leg", "bone": "left upper leg", "attachment": "left upper leg" },
+	{ "name": "neck", "bone": "neck", "attachment": "neck" },
+	{ "name": "torso", "bone": "torso", "attachment": "torso" },
+	{ "name": "pelvis", "bone": "pelvis", "attachment": "pelvis" },
+	{ "name": "right foot", "bone": "right foot", "attachment": "right foot" },
+	{ "name": "right lower leg", "bone": "right lower leg", "attachment": "right lower leg" },
+	{ "name": "undie straps", "bone": "pelvis", "attachment": "undie straps" },
+	{ "name": "undies", "bone": "pelvis", "attachment": "undies" },
+	{ "name": "right upper leg", "bone": "right upper leg", "attachment": "right upper leg" },
+	{ "name": "head", "bone": "head", "attachment": "head" },
+	{ "name": "eyes", "bone": "head" },
+	{ "name": "right shoulder", "bone": "right shoulder", "attachment": "right shoulder" },
+	{ "name": "right arm", "bone": "right arm", "attachment": "right arm" },
+	{ "name": "right hand item", "bone": "right hand", "attachment": "dagger" },
+	{ "name": "right hand", "bone": "right hand", "attachment": "right hand" }
+],
+"skins": {
+	"default": {
+		"left hand item": {
+			"dagger": { "x": 7.88, "y": -23.45, "rotation": 10.47, "width": 26, "height": 108 },
+			"spear": { "x": -4.55, "y": 39.2, "rotation": 13.04, "width": 22, "height": 368 }
+		},
+		"right hand item": {
+			"dagger": { "x": 6.51, "y": -24.15, "rotation": -8.06, "width": 26, "height": 108 }
+		}
+	},
+	"goblin": {
+		"eyes": {
+			"eyes closed": { "name": "goblin/eyes-closed", "x": 32.21, "y": -21.27, "rotation": -88.92, "width": 34, "height": 12 }
+		},
+		"head": {
+			"head": { "name": "goblin/head", "x": 25.73, "y": 2.33, "rotation": -92.29, "width": 103, "height": 66 }
+		},
+		"left arm": {
+			"left arm": {
+				"name": "goblin/left-arm",
+				"x": 16.7,
+				"y": -1.69,
+				"scaleX": 1.057,
+				"scaleY": 1.057,
+				"rotation": 33.84,
+				"width": 37,
+				"height": 35
+			}
+		},
+		"left foot": {
+			"left foot": { "name": "goblin/left-foot", "x": 24.85, "y": 8.74, "rotation": 3.32, "width": 65, "height": 31 }
+		},
+		"left hand": {
+			"left hand": {
+				"name": "goblin/left-hand",
+				"x": 3.47,
+				"y": 3.41,
+				"scaleX": 0.892,
+				"scaleY": 0.892,
+				"rotation": 31.14,
+				"width": 36,
+				"height": 41
+			}
+		},
+		"left lower leg": {
+			"left lower leg": { "name": "goblin/left-lower-leg", "x": 23.58, "y": -2.06, "rotation": 105.75, "width": 33, "height": 70 }
+		},
+		"left shoulder": {
+			"left shoulder": { "name": "goblin/left-shoulder", "x": 15.56, "y": -2.26, "rotation": 62.01, "width": 29, "height": 44 }
+		},
+		"left upper leg": {
+			"left upper leg": { "name": "goblin/left-upper-leg", "x": 29.68, "y": -3.87, "rotation": 89.09, "width": 33, "height": 73 }
+		},
+		"neck": {
+			"neck": { "name": "goblin/neck", "x": 10.1, "y": 0.42, "rotation": -93.69, "width": 36, "height": 41 }
+		},
+		"pelvis": {
+			"pelvis": { "name": "goblin/pelvis", "x": -5.61, "y": 0.76, "width": 62, "height": 43 }
+		},
+		"right arm": {
+			"right arm": { "name": "goblin/right-arm", "x": 16.44, "y": -1.04, "rotation": 94.32, "width": 23, "height": 50 }
+		},
+		"right foot": {
+			"right foot": { "name": "goblin/right-foot", "x": 23.56, "y": 9.8, "rotation": 1.52, "width": 63, "height": 33 }
+		},
+		"right hand": {
+			"right hand": { "name": "goblin/right-hand", "x": 7.88, "y": 2.78, "rotation": 91.96, "width": 36, "height": 37 }
+		},
+		"right lower leg": {
+			"right lower leg": { "name": "goblin/right-lower-leg", "x": 25.68, "y": -3.15, "rotation": 111.83, "width": 36, "height": 76 }
+		},
+		"right shoulder": {
+			"right shoulder": { "name": "goblin/right-shoulder", "x": 15.68, "y": -1.03, "rotation": 130.65, "width": 39, "height": 45 }
+		},
+		"right upper leg": {
+			"right upper leg": { "name": "goblin/right-upper-leg", "x": 20.35, "y": 1.47, "rotation": 97.49, "width": 34, "height": 63 }
+		},
+		"torso": {
+			"torso": { "name": "goblin/torso", "x": 38.09, "y": -3.87, "rotation": -94.95, "width": 68, "height": 96 }
+		},
+		"undie straps": {
+			"undie straps": { "name": "goblin/undie-straps", "x": -3.87, "y": 13.1, "scaleX": 1.089, "width": 55, "height": 19 }
+		},
+		"undies": {
+			"undies": { "name": "goblin/undies", "x": 6.3, "y": 0.12, "rotation": 0.91, "width": 36, "height": 29 }
+		}
+	},
+	"goblingirl": {
+		"eyes": {
+			"eyes closed": { "name": "goblingirl/eyes-closed", "x": 28, "y": -25.54, "rotation": -87.04, "width": 37, "height": 21 }
+		},
+		"head": {
+			"head": { "name": "goblingirl/head", "x": 27.71, "y": -4.32, "rotation": -85.58, "width": 103, "height": 81 }
+		},
+		"left arm": {
+			"left arm": { "name": "goblingirl/left-arm", "x": 19.64, "y": -2.42, "rotation": 33.05, "width": 37, "height": 35 }
+		},
+		"left foot": {
+			"left foot": { "name": "goblingirl/left-foot", "x": 25.17, "y": 7.92, "rotation": 3.32, "width": 65, "height": 31 }
+		},
+		"left hand": {
+			"left hand": {
+				"name": "goblingirl/left-hand",
+				"x": 4.34,
+				"y": 2.39,
+				"scaleX": 0.896,
+				"scaleY": 0.896,
+				"rotation": 30.34,
+				"width": 35,
+				"height": 40
+			}
+		},
+		"left lower leg": {
+			"left lower leg": { "name": "goblingirl/left-lower-leg", "x": 25.02, "y": -0.6, "rotation": 105.75, "width": 33, "height": 70 }
+		},
+		"left shoulder": {
+			"left shoulder": { "name": "goblingirl/left-shoulder", "x": 19.8, "y": -0.42, "rotation": 61.21, "width": 28, "height": 46 }
+		},
+		"left upper leg": {
+			"left upper leg": { "name": "goblingirl/left-upper-leg", "x": 30.21, "y": -2.95, "rotation": 89.09, "width": 33, "height": 70 }
+		},
+		"neck": {
+			"neck": { "name": "goblingirl/neck", "x": 6.16, "y": -3.14, "rotation": -98.86, "width": 35, "height": 41 }
+		},
+		"pelvis": {
+			"pelvis": { "name": "goblingirl/pelvis", "x": -3.87, "y": 3.18, "width": 62, "height": 43 }
+		},
+		"right arm": {
+			"right arm": { "name": "goblingirl/right-arm", "x": 16.85, "y": -0.66, "rotation": 93.52, "width": 28, "height": 50 }
+		},
+		"right foot": {
+			"right foot": { "name": "goblingirl/right-foot", "x": 23.46, "y": 9.66, "rotation": 1.52, "width": 63, "height": 33 }
+		},
+		"right hand": {
+			"right hand": { "name": "goblingirl/right-hand", "x": 7.21, "y": 3.43, "rotation": 91.16, "width": 36, "height": 37 }
+		},
+		"right hand item": {
+			"right hand item": { "name": "goblingirl/dagger-tip", "x": 13.45, "y": 22.07, "rotation": -3.23, "width": 17, "height": 17 }
+		},
+		"right lower leg": {
+			"right lower leg": { "name": "goblingirl/right-lower-leg", "x": 26.15, "y": -3.27, "rotation": 111.83, "width": 36, "height": 76 }
+		},
+		"right shoulder": {
+			"right shoulder": { "name": "goblingirl/right-shoulder", "x": 14.46, "y": 0.45, "rotation": 129.85, "width": 39, "height": 45 }
+		},
+		"right upper leg": {
+			"right upper leg": { "name": "goblingirl/right-upper-leg", "x": 19.69, "y": 2.13, "rotation": 97.49, "width": 34, "height": 63 }
+		},
+		"torso": {
+			"torso": { "name": "goblingirl/torso", "x": 36.28, "y": -5.14, "rotation": -95.74, "width": 68, "height": 96 }
+		},
+		"undie straps": {
+			"undie straps": { "name": "goblingirl/undie-straps", "x": -1.51, "y": 14.18, "width": 55, "height": 19 }
+		},
+		"undies": {
+			"undies": { "name": "goblingirl/undies", "x": 5.4, "y": 1.7, "width": 36, "height": 29 }
+		}
+	}
+},
+"animations": {
+	"walk": {
+		"bones": {
+			"left upper leg": {
+				"rotate": [
+					{ "time": 0, "angle": -26.55 },
+					{ "time": 0.1333, "angle": -8.78 },
+					{ "time": 0.2333, "angle": 9.51 },
+					{ "time": 0.3666, "angle": 30.74 },
+					{ "time": 0.5, "angle": 25.33 },
+					{ "time": 0.6333, "angle": 26.11 },
+					{ "time": 0.7333, "angle": -7.7 },
+					{ "time": 0.8666, "angle": -21.19 },
+					{ "time": 1, "angle": -26.55 }
+				],
+				"translate": [
+					{ "time": 0, "x": -1.32, "y": 1.7 },
+					{ "time": 0.3666, "x": -0.06, "y": 2.42 },
+					{ "time": 1, "x": -1.32, "y": 1.7 }
+				]
+			},
+			"right upper leg": {
+				"rotate": [
+					{ "time": 0, "angle": 42.45 },
+					{ "time": 0.1333, "angle": 52.1 },
+					{ "time": 0.2333, "angle": 8.53 },
+					{ "time": 0.5, "angle": -16.93 },
+					{ "time": 0.6333, "angle": 1.89 },
+					{
+						"time": 0.7333,
+						"angle": 28.06,
+						"curve": [ 0.462, 0.11, 1, 1 ]
+					},
+					{
+						"time": 0.8666,
+						"angle": 58.68,
+						"curve": [ 0.5, 0.02, 1, 1 ]
+					},
+					{ "time": 1, "angle": 42.45 }
+				],
+				"translate": [
+					{ "time": 0, "x": 6.23, "y": 0 },
+					{ "time": 0.2333, "x": 2.14, "y": 2.4 },
+					{ "time": 0.5, "x": 2.44, "y": 4.8 },
+					{ "time": 1, "x": 6.23, "y": 0 }
+				]
+			},
+			"left lower leg": {
+				"rotate": [
+					{ "time": 0, "angle": -22.98 },
+					{ "time": 0.1333, "angle": -63.5 },
+					{ "time": 0.2333, "angle": -73.76 },
+					{ "time": 0.5, "angle": 5.11 },
+					{ "time": 0.6333, "angle": -28.29 },
+					{ "time": 0.7333, "angle": 4.08 },
+					{ "time": 0.8666, "angle": 3.53 },
+					{ "time": 1, "angle": -22.98 }
+				],
+				"translate": [
+					{ "time": 0, "x": 0, "y": 0 },
+					{ "time": 0.2333, "x": 2.55, "y": -0.47 },
+					{ "time": 0.5, "x": 0, "y": 0, "curve": "stepped" },
+					{ "time": 1, "x": 0, "y": 0 }
+				]
+			},
+			"left foot": {
+				"rotate": [
+					{ "time": 0, "angle": -3.69 },
+					{ "time": 0.1333, "angle": -10.42 },
+					{ "time": 0.2333, "angle": -5.01 },
+					{ "time": 0.3666, "angle": 3.87 },
+					{ "time": 0.5, "angle": -3.87 },
+					{ "time": 0.6333, "angle": 2.78 },
+					{ "time": 0.7333, "angle": 1.68 },
+					{ "time": 0.8666, "angle": -8.54 },
+					{ "time": 1, "angle": -3.69 }
+				]
+			},
+			"right shoulder": {
+				"rotate": [
+					{
+						"time": 0,
+						"angle": 5.29,
+						"curve": [ 0.264, 0, 0.75, 1 ]
+					},
+					{ "time": 0.6333, "angle": 6.65 },
+					{ "time": 1, "angle": 5.29 }
+				]
+			},
+			"right arm": {
+				"rotate": [
+					{
+						"time": 0,
+						"angle": -4.02,
+						"curve": [ 0.267, 0, 0.804, 0.99 ]
+					},
+					{
+						"time": 0.6333,
+						"angle": 19.78,
+						"curve": [ 0.307, 0, 0.787, 0.99 ]
+					},
+					{ "time": 1, "angle": -4.02 }
+				]
+			},
+			"right hand": {
+				"rotate": [
+					{ "time": 0, "angle": 8.98 },
+					{ "time": 0.6333, "angle": 0.51 },
+					{ "time": 1, "angle": 8.98 }
+				]
+			},
+			"left shoulder": {
+				"rotate": [
+					{
+						"time": 0,
+						"angle": 6.25,
+						"curve": [ 0.339, 0, 0.683, 1 ]
+					},
+					{
+						"time": 0.5,
+						"angle": -11.78,
+						"curve": [ 0.281, 0, 0.686, 0.99 ]
+					},
+					{ "time": 1, "angle": 6.25 }
+				],
+				"translate": [
+					{ "time": 0, "x": 1.15, "y": 0.23 }
+				]
+			},
+			"left hand": {
+				"rotate": [
+					{
+						"time": 0,
+						"angle": -21.23,
+						"curve": [ 0.295, 0, 0.755, 0.98 ]
+					},
+					{
+						"time": 0.5,
+						"angle": -27.28,
+						"curve": [ 0.241, 0, 0.75, 0.97 ]
+					},
+					{ "time": 1, "angle": -21.23 }
+				]
+			},
+			"left arm": {
+				"rotate": [
+					{
+						"time": 0,
+						"angle": 28.37,
+						"curve": [ 0.339, 0, 0.683, 1 ]
+					},
+					{
+						"time": 0.5,
+						"angle": 60.09,
+						"curve": [ 0.281, 0, 0.686, 0.99 ]
+					},
+					{ "time": 1, "angle": 28.37 }
+				]
+			},
+			"torso": {
+				"rotate": [
+					{ "time": 0, "angle": -10.28 },
+					{
+						"time": 0.1333,
+						"angle": -15.38,
+						"curve": [ 0.545, 0, 0.818, 1 ]
+					},
+					{
+						"time": 0.3666,
+						"angle": -9.78,
+						"curve": [ 0.58, 0.17, 0.669, 0.99 ]
+					},
+					{
+						"time": 0.6333,
+						"angle": -15.75,
+						"curve": [ 0.235, 0.01, 0.795, 1 ]
+					},
+					{
+						"time": 0.8666,
+						"angle": -7.06,
+						"curve": [ 0.209, 0, 0.816, 0.98 ]
+					},
+					{ "time": 1, "angle": -10.28 }
+				],
+				"translate": [
+					{ "time": 0, "x": -1.29, "y": 1.68 }
+				]
+			},
+			"right foot": {
+				"rotate": [
+					{ "time": 0, "angle": -5.25 },
+					{ "time": 0.2333, "angle": -1.91 },
+					{ "time": 0.3666, "angle": -6.45 },
+					{ "time": 0.5, "angle": -5.39 },
+					{ "time": 0.7333, "angle": -11.68 },
+					{ "time": 0.8666, "angle": 0.46 },
+					{ "time": 1, "angle": -5.25 }
+				]
+			},
+			"right lower leg": {
+				"rotate": [
+					{
+						"time": 0,
+						"angle": -3.39,
+						"curve": [ 0.316, 0.01, 0.741, 0.98 ]
+					},
+					{
+						"time": 0.1333,
+						"angle": -45.53,
+						"curve": [ 0.229, 0, 0.738, 0.97 ]
+					},
+					{ "time": 0.2333, "angle": -4.83 },
+					{ "time": 0.5, "angle": -19.53 },
+					{ "time": 0.6333, "angle": -64.8 },
+					{
+						"time": 0.7333,
+						"angle": -82.56,
+						"curve": [ 0.557, 0.18, 1, 1 ]
+					},
+					{ "time": 1, "angle": -3.39 }
+				],
+				"translate": [
+					{ "time": 0, "x": 0, "y": 0, "curve": "stepped" },
+					{ "time": 0.5, "x": 0, "y": 0 },
+					{ "time": 0.6333, "x": 2.18, "y": 0.21 },
+					{ "time": 1, "x": 0, "y": 0 }
+				]
+			},
+			"hip": {
+				"rotate": [
+					{ "time": 0, "angle": 0, "curve": "stepped" },
+					{ "time": 1, "angle": 0 }
+				],
+				"translate": [
+					{ "time": 0, "x": 0, "y": -4.16 },
+					{
+						"time": 0.1333,
+						"x": 0,
+						"y": -7.05,
+						"curve": [ 0.359, 0.47, 0.646, 0.74 ]
+					},
+					{ "time": 0.3666, "x": 0, "y": 6.78 },
+					{ "time": 0.5, "x": 0, "y": -6.13 },
+					{
+						"time": 0.6333,
+						"x": 0,
+						"y": -7.05,
+						"curve": [ 0.359, 0.47, 0.646, 0.74 ]
+					},
+					{ "time": 0.8666, "x": 0, "y": 6.78 },
+					{ "time": 1, "x": 0, "y": -4.16 }
+				]
+			},
+			"neck": {
+				"rotate": [
+					{ "time": 0, "angle": 3.6 },
+					{ "time": 0.1333, "angle": 17.49 },
+					{ "time": 0.2333, "angle": 6.1 },
+					{ "time": 0.3666, "angle": 3.45 },
+					{ "time": 0.5, "angle": 5.17 },
+					{ "time": 0.6333, "angle": 18.36 },
+					{ "time": 0.7333, "angle": 6.09 },
+					{ "time": 0.8666, "angle": 2.28 },
+					{ "time": 1, "angle": 3.6 }
+				]
+			},
+			"head": {
+				"rotate": [
+					{
+						"time": 0,
+						"angle": 3.6,
+						"curve": [ 0, 0, 0.704, 1.17 ]
+					},
+					{ "time": 0.1333, "angle": -0.2 },
+					{ "time": 0.2333, "angle": 6.1 },
+					{ "time": 0.3666, "angle": 3.45 },
+					{
+						"time": 0.5,
+						"angle": 5.17,
+						"curve": [ 0, 0, 0.704, 1.61 ]
+					},
+					{ "time": 0.6666, "angle": 1.1 },
+					{ "time": 0.7333, "angle": 6.09 },
+					{ "time": 0.8666, "angle": 2.28 },
+					{ "time": 1, "angle": 3.6 }
+				]
+			}
+		},
+		"slots": {
+			"eyes": {
+				"attachment": [
+					{ "time": 0.7, "name": "eyes closed" },
+					{ "time": 0.8, "name": null }
+				]
+			}
+		}
+	}
+}
+}
\ No newline at end of file
diff --git a/examples/example 12 - Spine/index.html b/examples/example 12 - Spine/index.html
index 8b4dc17..743f391 100644
--- a/examples/example 12 - Spine/index.html	
+++ b/examples/example 12 - Spine/index.html	
@@ -9,74 +9,72 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	
-	<script src="pixi.js"></script>
-	<script src="../../src/pixi/loaders/SpineLoader.js"></script>
-	<script src="../../src/pixi/extras/Spine.js"></script>
+
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
-	
+
+
 	// create an array of assets to load
-	
+
 	var assetsToLoader = ["data/spineboy.json", "data/spineboySpineData.json"];
-	
+
 	// create a new loader
 	loader = new PIXI.AssetLoader(assetsToLoader);
-	
+
 	// use callback
 	loader.onComplete = onAssetsLoaded
-	
+
 	//begin load
 	loader.load();
-	
-	
+
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF, true);
 
 	// create a renderer instance
 	var renderer = new PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight);
-	
+
 	// set the canvas width and height to fill the screen
 	renderer.view.style.display = "block";
-	
+
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
+
 	function onAssetsLoaded()
 	{
 		// create a spine boy
 		var spineBoy = new PIXI.Spine("data/spineboySpineData.json");
-		
+
 		// set the position
 		spineBoy.position.x = window.innerWidth/2;
 		spineBoy.position.y = window.innerHeight;
-		
+
 		spineBoy.scale.x = spineBoy.scale.y = window.innerHeight / 400;
-	
+
 		// set up the mixes!
 		spineBoy.stateData.setMixByName("walk", "jump", 0.2);
 		spineBoy.stateData.setMixByName("jump", "walk", 0.4);
-		
+
 		// play animation
 		spineBoy.state.setAnimationByName("walk", true);
-		
-		
+
+
 		stage.addChild(spineBoy);
-		
+
 		stage.click = function()
 		{
 			spineBoy.state.setAnimationByName("jump", false);
 			spineBoy.state.addAnimationByName("walk", true);
-			
+
 		}
-		
+
 		var logo = PIXI.Sprite.fromImage("../../logo_small.png")
 		stage.addChild(logo);
-		
-		
+
+
 		logo.anchor.x = 1;
 		logo.position.x = window.innerWidth
 		logo.scale.x = logo.scale.y = 0.5;
@@ -88,9 +86,9 @@
 			window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
 		}
 	}
-	
-	
-	
+
+
+
 	requestAnimFrame(animate);
 
 	function animate() {
diff --git a/examples/example 12 - Spine/index_dragon.html b/examples/example 12 - Spine/index_dragon.html
index 5878003..33281f3 100644
--- a/examples/example 12 - Spine/index_dragon.html	
+++ b/examples/example 12 - Spine/index_dragon.html	
@@ -9,61 +9,61 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	
-	<script src="pixi.js"></script>
-	
+
+
+	<script src="../../bin/pixi.dev.js"></script>
+
 </head>
 <body>
 	<script>
-	
-	
+
+
 	// create an array of assets to load
-	
+
 	var assetsToLoader = ["../../logo_small.png", "data/dragonBones.json", "data/dragonBonesData.json"];
-	
+
 	// create a new loader
 	loader = new PIXI.AssetLoader(assetsToLoader);
-	
+
 	// use callback
 	loader.onComplete = onAssetsLoaded
-	
+
 	//begin load
 	loader.load();
-	
-	
+
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF, true);
 
 	// create a renderer instance
 	var renderer = new PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight);
-	
+
 	// set the canvas width and height to fill the screen
 	renderer.view.style.display = "block";
-	
+
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
+
 	function onAssetsLoaded()
 	{
 		var dragon = new PIXI.Spine("data/dragonBonesData.json");
-		
+
 		var scale = 1;//window.innerHeight / 700;
-		
+
 		dragon.position.x = window.innerWidth/2;
 		dragon.position.y =	window.innerHeight/2 + (450 * scale);
-		
+
 		dragon.scale.x = dragon.scale.y = scale
-		
-		
+
+
 		dragon.state.setAnimationByName("flying", true);
-		
+
 		stage.addChild(dragon);
-		
+
 		var logo = PIXI.Sprite.fromImage("../../logo_small.png")
 		stage.addChild(logo);
-		
-		
+
+
 		logo.anchor.x = 1;
 		logo.position.x = window.innerWidth
 		logo.scale.x = logo.scale.y = 0.5;
@@ -74,13 +74,13 @@
 		{
 			window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
 		}
-		
+
 	}
-	
-	
-	
+
+
+
 	requestAnimFrame(animate);
-	     
+
 
 	function animate() {
 
diff --git a/examples/example 12 - Spine/index_goblins.html b/examples/example 12 - Spine/index_goblins.html
new file mode 100644
index 0000000..4010633
--- /dev/null
+++ b/examples/example 12 - Spine/index_goblins.html	
@@ -0,0 +1,104 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>pixi.js example 12 Spine</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            background-color: #000000;
+        }
+    </style>
+
+
+    <script src="../../bin/pixi.dev.js"></script>
+</head>
+<body>
+<script>
+
+
+    // create an array of assets to load
+
+    var assetsToLoader = ["data/goblins.json", "data/goblinsSpineData.json"];
+
+    // create a new loader
+    loader = new PIXI.AssetLoader(assetsToLoader);
+
+    // use callback
+    loader.onComplete = onAssetsLoaded;
+
+    //begin load
+    loader.load();
+
+
+    // create an new instance of a pixi stage
+    var stage = new PIXI.Stage(0xFFFFFF, true);
+
+    // create a renderer instance
+    var renderer = new PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight);
+
+    // set the canvas width and height to fill the screen
+    renderer.view.style.display = "block";
+
+    // add render view to DOM
+    document.body.appendChild(renderer.view);
+
+    function onAssetsLoaded()
+    {
+        var goblin = new PIXI.Spine("data/goblinsSpineData.json");
+
+        // set current skin
+        goblin.skeleton.setSkinByName('goblin');
+        goblin.skeleton.setSlotsToSetupPose();
+
+        // set the position
+        goblin.position.x = window.innerWidth/2;
+        goblin.position.y = window.innerHeight;
+
+        goblin.scale.x = goblin.scale.y = window.innerHeight / 400;
+
+        // play animation
+        goblin.state.setAnimationByName("walk", true);
+
+
+        stage.addChild(goblin);
+
+        stage.click = function()
+        {
+            // change current skin
+            var currentSkinName = goblin.skeleton.skin.name;
+            var newSkinName = (currentSkinName == 'goblin' ? 'goblingirl' : 'goblin');
+            goblin.skeleton.setSkinByName(newSkinName);
+            goblin.skeleton.setSlotsToSetupPose();
+        };
+
+        var logo = PIXI.Sprite.fromImage("../../logo_small.png");
+        stage.addChild(logo);
+
+
+        logo.anchor.x = 1;
+        logo.position.x = window.innerWidth
+        logo.scale.x = logo.scale.y = 0.5;
+        logo.position.y = window.innerHeight - 70;
+        logo.setInteractive(true);
+        logo.buttonMode = true;
+        logo.click = logo.tap = function()
+        {
+            window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
+        }
+    }
+
+
+
+    requestAnimFrame(animate);
+
+    function animate() {
+
+        requestAnimFrame( animate );
+        renderer.render(stage);
+    }
+
+</script>
+
+</body>
+</html>
diff --git a/examples/example 12 - Spine/index_pixie.html b/examples/example 12 - Spine/index_pixie.html
index c21639b..798480c 100644
--- a/examples/example 12 - Spine/index_pixie.html	
+++ b/examples/example 12 - Spine/index_pixie.html	
@@ -9,89 +9,89 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	
-	<script src="pixi.js"></script>
+
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
-	
+
+
 	// create an array of assets to load
-	
+
 	var assetsToLoader = ["../../logo_small.png", "data/PixieSpineData.json", "data/Pixie.json", "data/iP4_BGtile.jpg", "data/iP4_ground.png"];
-	
+
 	// create a new loader
 	loader = new PIXI.AssetLoader(assetsToLoader);
-	
+
 	// use callback
 	loader.onComplete = onAssetsLoaded;
-	
+
 	//begin load
 	loader.load();
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF, true);
 
 	// create a renderer instance
 	var renderer = new PIXI.autoDetectRenderer(1024, 640);
-	
+
 	// set the canvas width and height to fill the screen
 	renderer.view.style.display = "block";
 	renderer.view.style.width = "100%"
 	renderer.view.style.height = "100%"
-	
+
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
+
 	var postition = 0;
 	var background;
 	var background2;
-	
+
 	function onAssetsLoaded()
 	{
 		background = PIXI.Sprite.fromImage("data/iP4_BGtile.jpg");
 		background2 = PIXI.Sprite.fromImage("data/iP4_BGtile.jpg");
 		stage.addChild(background);
 		stage.addChild(background2);
-		
+
 		foreground = PIXI.Sprite.fromImage("data/iP4_ground.png");
 		foreground2 = PIXI.Sprite.fromImage("data/iP4_ground.png");
 		stage.addChild(foreground);
 		stage.addChild(foreground2);
 		foreground.position.y = foreground2.position.y = 640 - foreground2.height;
-		
+
 		var pixie = new PIXI.Spine("data/PixieSpineData.json");
-		
+
 		var scale = 0.3;//window.innerHeight / 700;
-		
+
 		pixie.position.x = 1024/3;
 		pixie.position.y =	500
-		
+
 		pixie.scale.x = pixie.scale.y = scale
-		
-		
+
+
 		//dragon.state.setAnimationByName("running", true);
-		
+
 		stage.addChild(pixie);
-		
+
 		pixie.stateData.setMixByName("running", "jump", 0.2);
 		pixie.stateData.setMixByName("jump", "running", 0.4);
-		
+
 		pixie.state.setAnimationByName("running", true);
-		
-		
-		
+
+
+
 		stage.mousedown = stage.touchstart = function()
 		{
 			pixie.state.setAnimationByName("jump", false);
 			pixie.state.addAnimationByName("running", true);
 		}
-		
+
 		var logo = PIXI.Sprite.fromImage("../../logo_small.png")
 		stage.addChild(logo);
-		
-		
+
+
 		logo.anchor.x = 1;
 		logo.position.x = 1024
 		logo.scale.x = logo.scale.y = 0.5;
@@ -102,42 +102,42 @@
 		{
 			window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
 		}
-		
+
 		requestAnimFrame(animate);
 	}
-	
-	
-	
-	
-	     
+
+
+
+
+
 
 	function animate() {
-		
+
 		postition += 10;
-		
+
 		background.position.x = -(postition * 0.6);
 		background.position.x %= 1286 * 2;
 		if(background.position.x<0)background.position.x += 1286 * 2;
 		background.position.x -= 1286;
-		
+
 		background2.position.x = -(postition * 0.6) + 1286;
 		background2.position.x %= 1286 * 2;
 		if(background2.position.x<0)background2.position.x += 1286 * 2;
 		background2.position.x -= 1286;
-		
+
 		foreground.position.x = -postition;
 		foreground.position.x %= 1286 * 2;
 		if(foreground.position.x<0)foreground.position.x += 1286 * 2;
 		foreground.position.x -= 1286;
-		
+
 		foreground2.position.x = -postition + 1286;
 		foreground2.position.x %= 1286 * 2;
 		if(foreground2.position.x<0)foreground2.position.x += 1286 * 2;
 		foreground2.position.x -= 1286;
-		
+
 	    requestAnimFrame( animate );
-	    
-	    
+
+
 	    renderer.render(stage);
 	}
 
diff --git a/examples/example 12 - Spine/pixi.js b/examples/example 12 - Spine/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 12 - Spine/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 13 - Graphics/index.html b/examples/example 13 - Graphics/index.html
index 3912c40..b6d5929 100644
--- a/examples/example 13 - Graphics/index.html	
+++ b/examples/example 13 - Graphics/index.html	
@@ -9,40 +9,39 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	<script src="pixi.js"></script>
-	
+
+	<script src="../../bin/pixi.dev.js"></script>
+
 </head>
 <body>
 	<script>
-	
+
 
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF, true);
-	
+
 	stage.setInteractive(true);
-	
+
 	var sprite=  PIXI.Sprite.fromImage("spinObj_02.png");
 	//stage.addChild(sprite);
 	// create a renderer instance
-	//var renderer = new PIXI.CanvasRenderer(800, 600);//PIXI.autoDetectRenderer(800, 600);
-	var renderer = PIXI.autoDetectRenderer(620, 380);
-	
+	// the 5the parameter is the anti aliasing
+	var renderer = PIXI.autoDetectRenderer(620, 380, null, false, true);
+
 	// set the canvas width and height to fill the screen
 	//renderer.view.style.width = window.innerWidth + "px";
 	//renderer.view.style.height = window.innerHeight + "px";
 	renderer.view.style.display = "block";
-	 
+
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
+
 	var graphics = new PIXI.Graphics();
-	
-	
+
 	// set a fill and line style
 	graphics.beginFill(0xFF3300);
 	graphics.lineStyle(10, 0xffd900, 1);
-	
+
 	// draw a shape
 	graphics.moveTo(50,50);
 	graphics.lineTo(250, 50);
@@ -51,11 +50,11 @@
 	graphics.lineTo(50, 220);
 	graphics.lineTo(50, 50);
 	graphics.endFill();
-	
+
 	// set a fill and line style again
 	graphics.lineStyle(10, 0xFF0000, 0.8);
 	graphics.beginFill(0xFF700B, 1);
-	
+
 	// draw a second shape
 	graphics.moveTo(210,300);
 	graphics.lineTo(450,320);
@@ -65,56 +64,56 @@
 	graphics.lineTo(410,200);
 	graphics.lineTo(210,300);
 	graphics.endFill();
-	
+
 	// draw a rectangel
 	graphics.lineStyle(2, 0x0000FF, 1);
 	graphics.drawRect(50, 250, 100, 100);
-	
+
 	// draw a circle
 	graphics.lineStyle(0);
 	graphics.beginFill(0xFFFF0B, 0.5);
 	graphics.drawCircle(470, 200,100);
-	
+
 	graphics.lineStyle(20, 0x33FF00);
 	graphics.moveTo(30,30);
 	graphics.lineTo(600, 300);
-		
-		
+
+
 	stage.addChild(graphics);
-	
+
 	// lets create moving shape
 	var thing = new PIXI.Graphics();
 	stage.addChild(thing);
 	thing.position.x = 620/2;
 	thing.position.y = 380/2;
-	
+
 	var count = 0;
-	
+
 	stage.click = stage.tap = function()
 	{
 		graphics.lineStyle(Math.random() * 30, Math.random() * 0xFFFFFF, 1);
 	    graphics.moveTo(Math.random() * 620,Math.random() * 380);
 		graphics.lineTo(Math.random() * 620,Math.random() * 380);
 	}
-	
+
 	requestAnimFrame(animate);
 
 	function animate() {
-		
+
 		thing.clear();
-		
+
 		count += 0.1;
-		
+
 		thing.clear();
 		thing.lineStyle(30, 0xff0000, 1);
 		thing.beginFill(0xffFF00, 0.5);
-		
+
 		thing.moveTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
 		thing.lineTo(120 + Math.cos(count) * 20, -100 + Math.sin(count)* 20);
 		thing.lineTo(120 + Math.sin(count) * 20, 100 + Math.cos(count)* 20);
 		thing.lineTo(-120 + Math.cos(count)* 20, 100 + Math.sin(count)* 20);
 		thing.lineTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
-		
+
 		thing.rotation = count * 0.1;
 	    renderer.render(stage);
 	    requestAnimFrame( animate );
diff --git a/examples/example 13 - Graphics/indexLineTest.html b/examples/example 13 - Graphics/indexLineTest.html
new file mode 100644
index 0000000..3a63325
--- /dev/null
+++ b/examples/example 13 - Graphics/indexLineTest.html	
@@ -0,0 +1,140 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>pixi.js example 13 - Graphics</title>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #000000;
+		}
+	</style>
+
+	<script src="../../bin/pixi.dev.js"></script>
+
+</head>
+<body>
+	<script>
+
+
+	// create an new instance of a pixi stage
+	var stage = new PIXI.Stage(0xFFFFFF, true);
+
+	stage.setInteractive(true);
+
+	var sprite=  PIXI.Sprite.fromImage("spinObj_02.png");
+	//stage.addChild(sprite);
+	// create a renderer instance
+	// the 5the parameter is the anti aliasing
+	var renderer = PIXI.autoDetectRenderer(620, 380, null, false, true);
+
+	// set the canvas width and height to fill the screen
+	//renderer.view.style.width = window.innerWidth + "px";
+	//renderer.view.style.height = window.innerHeight + "px";
+	renderer.view.style.display = "block";
+
+	// add render view to DOM
+	document.body.appendChild(renderer.view);
+
+	var graphics = new PIXI.Graphics();
+/*
+	// set a fill and line style
+	graphics.beginFill(0xFF3300);
+	graphics.lineStyle(10, 0xffd900, 1);
+
+	// draw a shape
+	graphics.moveTo(50,50);
+	graphics.lineTo(250, 50);
+	graphics.lineTo(100, 100);
+	graphics.lineTo(250, 220);
+	graphics.lineTo(50, 220);
+	graphics.lineTo(50, 50);
+	graphics.endFill();
+
+	// set a fill and line style again
+	graphics.lineStyle(10, 0xFF0000, 0.8);
+	graphics.beginFill(0xFF700B, 1);
+
+	// draw a second shape
+	graphics.moveTo(210,300);
+	graphics.lineTo(450,320);
+	graphics.lineTo(570,350);
+	graphics.lineTo(580,20);
+	graphics.lineTo(330,120);
+	graphics.lineTo(410,200);
+	graphics.lineTo(210,300);
+	graphics.endFill();
+
+	// draw a rectangel
+	graphics.lineStyle(2, 0x0000FF, 1);
+	graphics.drawRect(50, 250, 100, 100);
+
+	// draw a circle
+	graphics.lineStyle(0);
+	graphics.beginFill(0xFFFF0B, 0.5);
+	graphics.drawCircle(470, 200,100);
+
+	graphics.lineStyle(20, 0x33FF00);
+	graphics.moveTo(30,30);
+	graphics.lineTo(600, 300);
+*/
+
+	var g = new PIXI.Graphics();
+	g.lineStyle(10, 0x000000, 1);
+	g.beginFill(0xff0000);
+	g.moveTo(0,0);
+	g.drawRect(0, 0, 100, 100);
+
+	g.pivot.x = 50;
+	g.pivot.y = 50;
+
+//	g.lineTo(00, 200);
+//	g.lineTo(300, 300);
+	
+	g.position.x = 100;
+	g.position.y = 100;
+
+	stage.addChild(g);
+
+	// lets create moving shape
+	var thing = new PIXI.Graphics();
+	stage.addChild(thing);
+	thing.position.x = 620/2;
+	thing.position.y = 380/2;
+
+	var count = 0;
+
+	stage.click = stage.tap = function()
+	{
+	//	graphics.lineStyle(Math.random() * 30, Math.random() * 0xFFFFFF, 1);
+	//    graphics.moveTo(Math.random() * 620,Math.random() * 380);
+//		graphics.lineTo(Math.random() * 620,Math.random() * 380);
+	}
+
+	requestAnimFrame(animate);
+
+	function animate() {
+
+		thing.clear();
+		g.rotation += 0.1
+		count += 0.1;
+/*
+		thing.clear();
+		thing.lineStyle(30, 0xff0000, 1);
+		thing.beginFill(0xffFF00, 0.5);
+
+		thing.moveTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
+		thing.lineTo(120 + Math.cos(count) * 20, -100 + Math.sin(count)* 20);
+		thing.lineTo(120 + Math.sin(count) * 20, 100 + Math.cos(count)* 20);
+		thing.lineTo(-120 + Math.cos(count)* 20, 100 + Math.sin(count)* 20);
+		thing.lineTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
+*/
+		thing.rotation = count * 0.1;
+	    renderer.render(stage);
+	    requestAnimFrame( animate );
+	}
+
+	</script>
+
+	</body>
+</html>
diff --git a/examples/example 13 - Graphics/pixi.js b/examples/example 13 - Graphics/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 13 - Graphics/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 14 - Masking/Copy of index.html b/examples/example 14 - Masking/Copy of index.html
index e50c395..874e4ba 100644
--- a/examples/example 14 - Masking/Copy of index.html	
+++ b/examples/example 14 - Masking/Copy of index.html	
@@ -9,58 +9,58 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	<script src="pixi.js"></script>
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF, true);
-	
+
 	stage.interactive = true;
-	
+
 	var bg = PIXI.Sprite.fromImage("BGrotate.jpg");
 	bg.anchor.x = 0.5;
 	bg.anchor.y = 0.5;
-	 
+
 	bg.position.x = 620/2;
 	bg.position.y = 380/2;
-	
+
 	stage.addChild(bg);
-	
+
 	var container = new PIXI.DisplayObjectContainer();
 	container.position.x = 620/2;
 	container.position.y = 380/2;
-	
+
 	var bgFront = PIXI.Sprite.fromImage("SceneRotate.jpg");
 	bgFront.anchor.x = 0.5;
 	bgFront.anchor.y = 0.5;
-	 
+
 	container.addChild(bgFront);
-	
+
 	var light2 = PIXI.Sprite.fromImage("LightRotate2.png");
 	light2.anchor.x = 0.5;
 	light2.anchor.y = 0.5;
 	container.addChild(light2);
-	
+
 	var light1 = PIXI.Sprite.fromImage("LightRotate1.png");
 	light1.anchor.x = 0.5;
 	light1.anchor.y = 0.5;
 	container.addChild(light1);
-	
+
 	var panda =  PIXI.Sprite.fromImage("panda.png");
 	panda.anchor.x = 0.5;
 	panda.anchor.y = 0.5;
-	
+
 	container.addChild(panda);
-	
+
 	stage.addChild(container);
-	
-	
+
+
 	// create a renderer instance
 	var renderer = PIXI.autoDetectRenderer(620, 380);
-	
+
 	// set the canvas width and height to fill the screen
 //	renderer.view.style.width = window.innerWidth + "px";
 	//renderer.view.style.height = window.innerHeight + "px";
@@ -72,26 +72,26 @@
 	renderer.view.style.display = "block";
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
-	
-	
+
+
+
 	// lets create moving shape
 	var thing = new PIXI.Graphics();
 	stage.addChild(thing);
 	thing.position.x = 620/2;
 	thing.position.y = 380/2;
 	thing.lineStyle(0);
-	
+
 	container.addFilter(thing);
-	
+
 	var count = 0;
-	
+
 	stage.click = stage.tap = function()
 	{
 		if(!container.filter)
 		{
 			container.addFilter(thing);
-			
+
 			PIXI.runList(stage);
 		}
 		else
@@ -99,47 +99,47 @@
 			container.removeFilter(thing);
 		}
 	}
-	
+
 	/*
 	 * Add a pixi Logo!
 	 */
 	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
 	stage.addChild(logo);
-	
+
 	logo.anchor.x = 1;
 	logo.position.x = 620
 	logo.scale.x = logo.scale.y = 0.5;
 	logo.position.y = 320
 	logo.interactive = true;
 	logo.buttonMode = true;
-	
+
 	logo.click = logo.tap = function()
 	{
 		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
 	}
-	
+
 	var help = new PIXI.Text("Click to turn masking on / off.", {font:"bold 12pt Arial", fill:"white"});
 	help.position.y = 350;
 	help.position.x = 10;
 	stage.addChild(help);
-	
+
 	requestAnimFrame(animate);
 
 	function animate() {
-		
+
 	//	thing.clear();
 		bg.rotation += 0.01;
 		bgFront.rotation -= 0.01;
-		
-		
+
+
 		light1.rotation += 0.02;
 		light2.rotation += 0.01;
-		
+
 		panda.scale.x = 1 + Math.sin(count) * 0.04;
 		panda.scale.y = 1 + Math.cos(count) * 0.04;
-		
+
 		count += 0.1;
-		
+
 		thing.clear();
 		thing.lineStyle(5, 0x16f1ff, 1);
 		thing.beginFill(0x8bc5ff, 0.4);
@@ -149,7 +149,7 @@
 		thing.lineTo(-120 + Math.cos(count)* 20, 100 + Math.sin(count)* 20);
 		thing.lineTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
 		thing.rotation = count * 0.1;
-		
+
 	    renderer.render(stage);
 	    requestAnimFrame( animate );
 	}
diff --git a/examples/example 14 - Masking/index double mask.html b/examples/example 14 - Masking/index double mask.html
index f7ae8df..d6bcc04 100644
--- a/examples/example 14 - Masking/index double mask.html	
+++ b/examples/example 14 - Masking/index double mask.html	
@@ -9,61 +9,67 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	<script src="pixi.js"></script>
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF, true);
-	
+
 	stage.interactive = true;
-	
+
 	var bg = PIXI.Sprite.fromImage("BGrotate.jpg");
 	bg.anchor.x = 0.5;
 	bg.anchor.y = 0.5;
-	 
+
 	bg.position.x = 620/2;
 	bg.position.y = 380/2;
-	
-	stage.addChild(bg);
-	
+
+	//stage.addChild(bg);
+
 
 	var bgFront = PIXI.Sprite.fromImage("SceneRotate.jpg");
 	bgFront.anchor.x = 0.5;
 	bgFront.anchor.y = 0.5;
 
-	stage.addChild(bgFront);
-	
+	//stage.addChild(bgFront);
+
 	// create a renderer instance
 	var renderer = PIXI.autoDetectRenderer(620, 380);
-	
+
 	renderer.view.style.position = "absolute"
 	renderer.view.style.marginLeft = "-310px";
 	renderer.view.style.marginTop = "-190px";
 	renderer.view.style.top = "50%";
 	renderer.view.style.left = "50%";
 	renderer.view.style.display = "block";
-	
+
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
+
 	// lets create moving shape
-	
+
 	var mask1 = new PIXI.Graphics();
 	mask1.beginFill(0);
-	mask1.drawRect(0, 0, 100, 100)
-	
+	mask1.drawRect(0, 0, 150, 100)
+
 	bgFront.mask = mask1;
-	
+
 	var mask2 = new PIXI.Graphics();
 	mask2.beginFill(0);
-	mask2.drawRect(500, 100, 100, 100)
-	
-	bg.mask = mask2;	
+	mask2.drawRect(20, 50, 300, 100)
+
+	var container = new PIXI.DisplayObjectContainer();
+	stage.addChild(container);
+	container.addChild(bg);
+	container.addChild(bgFront)
+
+
+	container.mask = mask2;
 	var count = 0;
-	
+
 	stage.click = stage.tap = function()
 	{
 		if(!container.filter)
@@ -76,40 +82,40 @@
 			container.mask = null;
 		}
 	}
-	
+
 	/*
 	 * Add a pixi Logo!
 	 */
 	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
 	stage.addChild(logo);
-	
+
 	logo.anchor.x = 1;
 	logo.position.x = 620
 	logo.scale.x = logo.scale.y = 0.5;
 	logo.position.y = 320
 	logo.interactive = true;
 	logo.buttonMode = true;
-	
+
 	logo.click = logo.tap = function()
 	{
 		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
 	}
-	
+
 	var help = new PIXI.Text("Click to turn masking on / off.", {font:"bold 12pt Arial", fill:"white"});
 	help.position.y = 350;
 	help.position.x = 10;
 	stage.addChild(help);
-	
+
 	requestAnimFrame(animate);
 
 	function animate() {
-		
+
 		bg.rotation += 0.01;
 		bgFront.rotation -= 0.01;
-		
+
 		count += 0.1;
-		
-		
+
+
 
 	    renderer.render(stage);
 	    requestAnimFrame( animate );
diff --git a/examples/example 14 - Masking/index nested masks.html b/examples/example 14 - Masking/index nested masks.html
new file mode 100644
index 0000000..9b76527
--- /dev/null
+++ b/examples/example 14 - Masking/index nested masks.html	
@@ -0,0 +1,138 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>pixi.js example 14 - Masking</title>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #000000;
+		}
+	</style>
+
+	<script src="../../bin/pixi.dev.js"></script>
+</head>
+<body>
+	<script>
+
+	// create an new instance of a pixi stage
+	var stage = new PIXI.Stage(0xFFFFFF, true);
+
+	stage.interactive = true;
+
+	var bg = PIXI.Sprite.fromImage("BGrotate.jpg");
+	bg.anchor.x = 0.5;
+	bg.anchor.y = 0.5;
+
+	bg.position.x = 620/2;
+	bg.position.y = 380/2;
+
+	//stage.addChild(bg);
+
+
+	
+	//stage.addChild(bgFront);
+
+	// create a renderer instance
+	var renderer = PIXI.autoDetectRenderer(620, 380);
+
+	renderer.view.style.position = "absolute"
+	renderer.view.style.marginLeft = "-310px";
+	renderer.view.style.marginTop = "-190px";
+	renderer.view.style.top = "50%";
+	renderer.view.style.left = "50%";
+	renderer.view.style.display = "block";
+
+	// add render view to DOM
+	document.body.appendChild(renderer.view);
+
+	// lets create moving shape
+
+
+
+	var mask2 = new PIXI.Graphics();
+	mask2.beginFill(0);
+	mask2.drawCircle(620/2, 380/2, 300)
+
+	var container = new PIXI.DisplayObjectContainer();
+	stage.addChild(container);
+	container.addChild(bg);
+
+
+
+	container.mask = mask2;
+
+
+
+	for (var i = 0; i < 4; i++) 
+	{
+		var bear = PIXI.Sprite.fromImage("panda.png");
+		
+		var mask1 = new PIXI.Graphics();
+		mask1.beginFill(0);
+		mask1.drawRect(20, 40, 100, 100)
+		bear.mask = mask1;
+		bear.addChild(mask1);
+		container.addChild(bear);
+
+		bear.position.x = i * 50;
+	};
+	
+
+
+	var count = 0;
+
+	stage.click = stage.tap = function()
+	{
+		if(!container.filter)
+		{
+			container.mask = thing;
+			PIXI.runList(stage);
+		}
+		else
+		{
+			container.mask = null;
+		}
+	}
+
+	/*
+	 * Add a pixi Logo!
+	 */
+	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
+	stage.addChild(logo);
+
+	logo.anchor.x = 1;
+	logo.position.x = 620
+	logo.scale.x = logo.scale.y = 0.5;
+	logo.position.y = 320
+	logo.interactive = true;
+	logo.buttonMode = true;
+
+	logo.click = logo.tap = function()
+	{
+		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
+	}
+
+	var help = new PIXI.Text("Click to turn masking on / off.", {font:"bold 12pt Arial", fill:"white"});
+	help.position.y = 350;
+	help.position.x = 10;
+	stage.addChild(help);
+
+	requestAnimFrame(animate);
+
+	function animate() {
+
+		bg.rotation += 0.01;
+	
+		count += 0.1;
+
+
+
+	    renderer.render(stage);
+	    requestAnimFrame( animate );
+	}
+
+	</script>
+
+	</body>
+</html>
diff --git a/examples/example 14 - Masking/index.html b/examples/example 14 - Masking/index.html
index 6c0af87..230cbe8 100644
--- a/examples/example 14 - Masking/index.html	
+++ b/examples/example 14 - Masking/index.html	
@@ -9,81 +9,81 @@
 			background-color: #000000;
 		}
 	</style>
-	
-	<script src="pixi.js"></script>
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF, true);
-	
+
 	stage.interactive = true;
-	
+
 	var bg = PIXI.Sprite.fromImage("BGrotate.jpg");
 	bg.anchor.x = 0.5;
 	bg.anchor.y = 0.5;
-	 
+
 	bg.position.x = 620/2;
 	bg.position.y = 380/2;
-	
+
 	stage.addChild(bg);
-	
+
 	var container = new PIXI.DisplayObjectContainer();
 	container.position.x = 620/2;
 	container.position.y = 380/2;
-	
+
 	var bgFront = PIXI.Sprite.fromImage("SceneRotate.jpg");
 	bgFront.anchor.x = 0.5;
 	bgFront.anchor.y = 0.5;
-	 
+
 	container.addChild(bgFront);
-	
+
 	var light2 = PIXI.Sprite.fromImage("LightRotate2.png");
 	light2.anchor.x = 0.5;
 	light2.anchor.y = 0.5;
 	container.addChild(light2);
-	
+
 	var light1 = PIXI.Sprite.fromImage("LightRotate1.png");
 	light1.anchor.x = 0.5;
 	light1.anchor.y = 0.5;
 	container.addChild(light1);
-	
+
 	var panda =  PIXI.Sprite.fromImage("panda.png");
 	panda.anchor.x = 0.5;
 	panda.anchor.y = 0.5;
-	
+
 	container.addChild(panda);
-	
+
 	stage.addChild(container);
-	
+
 	// create a renderer instance
 	var renderer = PIXI.autoDetectRenderer(620, 380);
-	
+
 	renderer.view.style.position = "absolute"
 	renderer.view.style.marginLeft = "-310px";
 	renderer.view.style.marginTop = "-190px";
 	renderer.view.style.top = "50%";
 	renderer.view.style.left = "50%";
 	renderer.view.style.display = "block";
-	
+
 	// add render view to DOM
 	document.body.appendChild(renderer.view);
-	
+
 	// lets create moving shape
 	var thing = new PIXI.Graphics();
 	stage.addChild(thing);
 	thing.position.x = 620/2;
 	thing.position.y = 380/2;
 	thing.lineStyle(0);
-	
+
 	container.mask = thing;
-	
+
 	var count = 0;
-	
+
 	stage.click = stage.tap = function()
 	{
-		if(!container.filter)
+		if(!container.mask)
 		{
 			container.mask = thing;
 			PIXI.runList(stage);
@@ -93,47 +93,47 @@
 			container.mask = null;
 		}
 	}
-	
+
 	/*
 	 * Add a pixi Logo!
 	 */
 	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
 	stage.addChild(logo);
-	
+
 	logo.anchor.x = 1;
 	logo.position.x = 620
 	logo.scale.x = logo.scale.y = 0.5;
 	logo.position.y = 320
 	logo.interactive = true;
 	logo.buttonMode = true;
-	
+
 	logo.click = logo.tap = function()
 	{
 		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
 	}
-	
+
 	var help = new PIXI.Text("Click to turn masking on / off.", {font:"bold 12pt Arial", fill:"white"});
 	help.position.y = 350;
 	help.position.x = 10;
 	stage.addChild(help);
-	
+
 	requestAnimFrame(animate);
 
 	function animate() {
-		
+
 		bg.rotation += 0.01;
 		bgFront.rotation -= 0.01;
-		
+
 		light1.rotation += 0.02;
 		light2.rotation += 0.01;
-		
+
 		panda.scale.x = 1 + Math.sin(count) * 0.04;
 		panda.scale.y = 1 + Math.cos(count) * 0.04;
-		
+
 		count += 0.1;
-		
+
 		thing.clear();
-		thing.lineStyle(5, 0x16f1ff, 1);
+
 		thing.beginFill(0x8bc5ff, 0.4);
 		thing.moveTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
 		thing.lineTo(120 + Math.cos(count) * 20, -100 + Math.sin(count)* 20);
@@ -141,7 +141,10 @@
 		thing.lineTo(-120 + Math.cos(count)* 20, 100 + Math.sin(count)* 20);
 		thing.lineTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
 		thing.rotation = count * 0.1;
-		
+
+		//var mask1 = new PIXI.Graphics();
+	
+
 	    renderer.render(stage);
 	    requestAnimFrame( animate );
 	}
diff --git a/examples/example 14 - Masking/pixi.js b/examples/example 14 - Masking/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 14 - Masking/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 15 - Filters/BGrotate.jpg b/examples/example 15 - Filters/BGrotate.jpg
new file mode 100644
index 0000000..f33f7d4
Binary files /dev/null and b/examples/example 15 - Filters/BGrotate.jpg differ
diff --git a/examples/example 15 - Filters/LightRotate1.png b/examples/example 15 - Filters/LightRotate1.png
new file mode 100644
index 0000000..44966cf
Binary files /dev/null and b/examples/example 15 - Filters/LightRotate1.png differ
diff --git a/examples/example 15 - Filters/LightRotate2.png b/examples/example 15 - Filters/LightRotate2.png
new file mode 100644
index 0000000..a6e63c0
Binary files /dev/null and b/examples/example 15 - Filters/LightRotate2.png differ
diff --git a/examples/example 15 - Filters/SceneRotate.jpg b/examples/example 15 - Filters/SceneRotate.jpg
new file mode 100644
index 0000000..26fe78b
Binary files /dev/null and b/examples/example 15 - Filters/SceneRotate.jpg differ
diff --git a/examples/example 15 - Filters/dat.gui.min.js b/examples/example 15 - Filters/dat.gui.min.js
new file mode 100644
index 0000000..17e4a3c
--- /dev/null
+++ b/examples/example 15 - Filters/dat.gui.min.js	
@@ -0,0 +1,94 @@
+/**
+ * dat-gui JavaScript Controller Library
+ * http://code.google.com/p/dat-gui
+ *
+ * Copyright 2011 Data Arts Team, Google Creative Lab
+ *
+ * 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
+ */
+var dat=dat||{};dat.gui=dat.gui||{};dat.utils=dat.utils||{};dat.controllers=dat.controllers||{};dat.dom=dat.dom||{};dat.color=dat.color||{};dat.utils.css=function(){return{load:function(e,a){var a=a||document,c=a.createElement("link");c.type="text/css";c.rel="stylesheet";c.href=e;a.getElementsByTagName("head")[0].appendChild(c)},inject:function(e,a){var a=a||document,c=document.createElement("style");c.type="text/css";c.innerHTML=e;a.getElementsByTagName("head")[0].appendChild(c)}}}();
+dat.utils.common=function(){var e=Array.prototype.forEach,a=Array.prototype.slice;return{BREAK:{},extend:function(c){this.each(a.call(arguments,1),function(a){for(var f in a)this.isUndefined(a[f])||(c[f]=a[f])},this);return c},defaults:function(c){this.each(a.call(arguments,1),function(a){for(var f in a)this.isUndefined(c[f])&&(c[f]=a[f])},this);return c},compose:function(){var c=a.call(arguments);return function(){for(var d=a.call(arguments),f=c.length-1;f>=0;f--)d=[c[f].apply(this,d)];return d[0]}},
+each:function(a,d,f){if(e&&a.forEach===e)a.forEach(d,f);else if(a.length===a.length+0)for(var b=0,n=a.length;b<n;b++){if(b in a&&d.call(f,a[b],b)===this.BREAK)break}else for(b in a)if(d.call(f,a[b],b)===this.BREAK)break},defer:function(a){setTimeout(a,0)},toArray:function(c){return c.toArray?c.toArray():a.call(c)},isUndefined:function(a){return a===void 0},isNull:function(a){return a===null},isNaN:function(a){return a!==a},isArray:Array.isArray||function(a){return a.constructor===Array},isObject:function(a){return a===
+Object(a)},isNumber:function(a){return a===a+0},isString:function(a){return a===a+""},isBoolean:function(a){return a===false||a===true},isFunction:function(a){return Object.prototype.toString.call(a)==="[object Function]"}}}();
+dat.controllers.Controller=function(e){var a=function(a,d){this.initialValue=a[d];this.domElement=document.createElement("div");this.object=a;this.property=d;this.__onFinishChange=this.__onChange=void 0};e.extend(a.prototype,{onChange:function(a){this.__onChange=a;return this},onFinishChange:function(a){this.__onFinishChange=a;return this},setValue:function(a){this.object[this.property]=a;this.__onChange&&this.__onChange.call(this,a);this.updateDisplay();return this},getValue:function(){return this.object[this.property]},
+updateDisplay:function(){return this},isModified:function(){return this.initialValue!==this.getValue()}});return a}(dat.utils.common);
+dat.dom.dom=function(e){function a(b){if(b==="0"||e.isUndefined(b))return 0;b=b.match(d);return!e.isNull(b)?parseFloat(b[1]):0}var c={};e.each({HTMLEvents:["change"],MouseEvents:["click","mousemove","mousedown","mouseup","mouseover"],KeyboardEvents:["keydown"]},function(b,a){e.each(b,function(b){c[b]=a})});var d=/(\d+(\.\d+)?)px/,f={makeSelectable:function(b,a){if(!(b===void 0||b.style===void 0))b.onselectstart=a?function(){return false}:function(){},b.style.MozUserSelect=a?"auto":"none",b.style.KhtmlUserSelect=
+a?"auto":"none",b.unselectable=a?"on":"off"},makeFullscreen:function(b,a,d){e.isUndefined(a)&&(a=true);e.isUndefined(d)&&(d=true);b.style.position="absolute";if(a)b.style.left=0,b.style.right=0;if(d)b.style.top=0,b.style.bottom=0},fakeEvent:function(b,a,d,f){var d=d||{},m=c[a];if(!m)throw Error("Event type "+a+" not supported.");var l=document.createEvent(m);switch(m){case "MouseEvents":l.initMouseEvent(a,d.bubbles||false,d.cancelable||true,window,d.clickCount||1,0,0,d.x||d.clientX||0,d.y||d.clientY||
+0,false,false,false,false,0,null);break;case "KeyboardEvents":m=l.initKeyboardEvent||l.initKeyEvent;e.defaults(d,{cancelable:true,ctrlKey:false,altKey:false,shiftKey:false,metaKey:false,keyCode:void 0,charCode:void 0});m(a,d.bubbles||false,d.cancelable,window,d.ctrlKey,d.altKey,d.shiftKey,d.metaKey,d.keyCode,d.charCode);break;default:l.initEvent(a,d.bubbles||false,d.cancelable||true)}e.defaults(l,f);b.dispatchEvent(l)},bind:function(b,a,d,c){b.addEventListener?b.addEventListener(a,d,c||false):b.attachEvent&&
+b.attachEvent("on"+a,d);return f},unbind:function(b,a,d,c){b.removeEventListener?b.removeEventListener(a,d,c||false):b.detachEvent&&b.detachEvent("on"+a,d);return f},addClass:function(b,a){if(b.className===void 0)b.className=a;else if(b.className!==a){var d=b.className.split(/ +/);if(d.indexOf(a)==-1)d.push(a),b.className=d.join(" ").replace(/^\s+/,"").replace(/\s+$/,"")}return f},removeClass:function(b,a){if(a){if(b.className!==void 0)if(b.className===a)b.removeAttribute("class");else{var d=b.className.split(/ +/),
+c=d.indexOf(a);if(c!=-1)d.splice(c,1),b.className=d.join(" ")}}else b.className=void 0;return f},hasClass:function(a,d){return RegExp("(?:^|\\s+)"+d+"(?:\\s+|$)").test(a.className)||false},getWidth:function(b){b=getComputedStyle(b);return a(b["border-left-width"])+a(b["border-right-width"])+a(b["padding-left"])+a(b["padding-right"])+a(b.width)},getHeight:function(b){b=getComputedStyle(b);return a(b["border-top-width"])+a(b["border-bottom-width"])+a(b["padding-top"])+a(b["padding-bottom"])+a(b.height)},
+getOffset:function(a){var d={left:0,top:0};if(a.offsetParent){do d.left+=a.offsetLeft,d.top+=a.offsetTop;while(a=a.offsetParent)}return d},isActive:function(a){return a===document.activeElement&&(a.type||a.href)}};return f}(dat.utils.common);
+dat.controllers.OptionController=function(e,a,c){var d=function(f,b,e){d.superclass.call(this,f,b);var h=this;this.__select=document.createElement("select");if(c.isArray(e)){var j={};c.each(e,function(a){j[a]=a});e=j}c.each(e,function(a,b){var d=document.createElement("option");d.innerHTML=b;d.setAttribute("value",a);h.__select.appendChild(d)});this.updateDisplay();a.bind(this.__select,"change",function(){h.setValue(this.options[this.selectedIndex].value)});this.domElement.appendChild(this.__select)};
+d.superclass=e;c.extend(d.prototype,e.prototype,{setValue:function(a){a=d.superclass.prototype.setValue.call(this,a);this.__onFinishChange&&this.__onFinishChange.call(this,this.getValue());return a},updateDisplay:function(){this.__select.value=this.getValue();return d.superclass.prototype.updateDisplay.call(this)}});return d}(dat.controllers.Controller,dat.dom.dom,dat.utils.common);
+dat.controllers.NumberController=function(e,a){var c=function(d,f,b){c.superclass.call(this,d,f);b=b||{};this.__min=b.min;this.__max=b.max;this.__step=b.step;d=this.__impliedStep=a.isUndefined(this.__step)?this.initialValue==0?1:Math.pow(10,Math.floor(Math.log(this.initialValue)/Math.LN10))/10:this.__step;d=d.toString();this.__precision=d.indexOf(".")>-1?d.length-d.indexOf(".")-1:0};c.superclass=e;a.extend(c.prototype,e.prototype,{setValue:function(a){if(this.__min!==void 0&&a<this.__min)a=this.__min;
+else if(this.__max!==void 0&&a>this.__max)a=this.__max;this.__step!==void 0&&a%this.__step!=0&&(a=Math.round(a/this.__step)*this.__step);return c.superclass.prototype.setValue.call(this,a)},min:function(a){this.__min=a;return this},max:function(a){this.__max=a;return this},step:function(a){this.__step=a;return this}});return c}(dat.controllers.Controller,dat.utils.common);
+dat.controllers.NumberControllerBox=function(e,a,c){var d=function(f,b,e){function h(){var a=parseFloat(l.__input.value);c.isNaN(a)||l.setValue(a)}function j(a){var b=o-a.clientY;l.setValue(l.getValue()+b*l.__impliedStep);o=a.clientY}function m(){a.unbind(window,"mousemove",j);a.unbind(window,"mouseup",m)}this.__truncationSuspended=false;d.superclass.call(this,f,b,e);var l=this,o;this.__input=document.createElement("input");this.__input.setAttribute("type","text");a.bind(this.__input,"change",h);
+a.bind(this.__input,"blur",function(){h();l.__onFinishChange&&l.__onFinishChange.call(l,l.getValue())});a.bind(this.__input,"mousedown",function(b){a.bind(window,"mousemove",j);a.bind(window,"mouseup",m);o=b.clientY});a.bind(this.__input,"keydown",function(a){if(a.keyCode===13)l.__truncationSuspended=true,this.blur(),l.__truncationSuspended=false});this.updateDisplay();this.domElement.appendChild(this.__input)};d.superclass=e;c.extend(d.prototype,e.prototype,{updateDisplay:function(){var a=this.__input,
+b;if(this.__truncationSuspended)b=this.getValue();else{b=this.getValue();var c=Math.pow(10,this.__precision);b=Math.round(b*c)/c}a.value=b;return d.superclass.prototype.updateDisplay.call(this)}});return d}(dat.controllers.NumberController,dat.dom.dom,dat.utils.common);
+dat.controllers.NumberControllerSlider=function(e,a,c,d,f){var b=function(d,c,f,e,l){function o(b){b.preventDefault();var d=a.getOffset(g.__background),c=a.getWidth(g.__background);g.setValue(g.__min+(g.__max-g.__min)*((b.clientX-d.left)/(d.left+c-d.left)));return false}function y(){a.unbind(window,"mousemove",o);a.unbind(window,"mouseup",y);g.__onFinishChange&&g.__onFinishChange.call(g,g.getValue())}b.superclass.call(this,d,c,{min:f,max:e,step:l});var g=this;this.__background=document.createElement("div");
+this.__foreground=document.createElement("div");a.bind(this.__background,"mousedown",function(b){a.bind(window,"mousemove",o);a.bind(window,"mouseup",y);o(b)});a.addClass(this.__background,"slider");a.addClass(this.__foreground,"slider-fg");this.updateDisplay();this.__background.appendChild(this.__foreground);this.domElement.appendChild(this.__background)};b.superclass=e;b.useDefaultStyles=function(){c.inject(f)};d.extend(b.prototype,e.prototype,{updateDisplay:function(){this.__foreground.style.width=
+(this.getValue()-this.__min)/(this.__max-this.__min)*100+"%";return b.superclass.prototype.updateDisplay.call(this)}});return b}(dat.controllers.NumberController,dat.dom.dom,dat.utils.css,dat.utils.common,".slider {\n  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);\n  height: 1em;\n  border-radius: 1em;\n  background-color: #eee;\n  padding: 0 0.5em;\n  overflow: hidden;\n}\n\n.slider-fg {\n  padding: 1px 0 2px 0;\n  background-color: #aaa;\n  height: 1em;\n  margin-left: -0.5em;\n  padding-right: 0.5em;\n  border-radius: 1em 0 0 1em;\n}\n\n.slider-fg:after {\n  display: inline-block;\n  border-radius: 1em;\n  background-color: #fff;\n  border:  1px solid #aaa;\n  content: '';\n  float: right;\n  margin-right: -1em;\n  margin-top: -1px;\n  height: 0.9em;\n  width: 0.9em;\n}");
+dat.controllers.FunctionController=function(e,a,c){var d=function(c,b,e){d.superclass.call(this,c,b);var h=this;this.__button=document.createElement("div");this.__button.innerHTML=e===void 0?"Fire":e;a.bind(this.__button,"click",function(a){a.preventDefault();h.fire();return false});a.addClass(this.__button,"button");this.domElement.appendChild(this.__button)};d.superclass=e;c.extend(d.prototype,e.prototype,{fire:function(){this.__onChange&&this.__onChange.call(this);this.__onFinishChange&&this.__onFinishChange.call(this,
+this.getValue());this.getValue().call(this.object)}});return d}(dat.controllers.Controller,dat.dom.dom,dat.utils.common);
+dat.controllers.BooleanController=function(e,a,c){var d=function(c,b){d.superclass.call(this,c,b);var e=this;this.__prev=this.getValue();this.__checkbox=document.createElement("input");this.__checkbox.setAttribute("type","checkbox");a.bind(this.__checkbox,"change",function(){e.setValue(!e.__prev)},false);this.domElement.appendChild(this.__checkbox);this.updateDisplay()};d.superclass=e;c.extend(d.prototype,e.prototype,{setValue:function(a){a=d.superclass.prototype.setValue.call(this,a);this.__onFinishChange&&
+this.__onFinishChange.call(this,this.getValue());this.__prev=this.getValue();return a},updateDisplay:function(){this.getValue()===true?(this.__checkbox.setAttribute("checked","checked"),this.__checkbox.checked=true):this.__checkbox.checked=false;return d.superclass.prototype.updateDisplay.call(this)}});return d}(dat.controllers.Controller,dat.dom.dom,dat.utils.common);
+dat.color.toString=function(e){return function(a){if(a.a==1||e.isUndefined(a.a)){for(a=a.hex.toString(16);a.length<6;)a="0"+a;return"#"+a}else return"rgba("+Math.round(a.r)+","+Math.round(a.g)+","+Math.round(a.b)+","+a.a+")"}}(dat.utils.common);
+dat.color.interpret=function(e,a){var c,d,f=[{litmus:a.isString,conversions:{THREE_CHAR_HEX:{read:function(a){a=a.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);return a===null?false:{space:"HEX",hex:parseInt("0x"+a[1].toString()+a[1].toString()+a[2].toString()+a[2].toString()+a[3].toString()+a[3].toString())}},write:e},SIX_CHAR_HEX:{read:function(a){a=a.match(/^#([A-F0-9]{6})$/i);return a===null?false:{space:"HEX",hex:parseInt("0x"+a[1].toString())}},write:e},CSS_RGB:{read:function(a){a=a.match(/^rgb\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/);
+return a===null?false:{space:"RGB",r:parseFloat(a[1]),g:parseFloat(a[2]),b:parseFloat(a[3])}},write:e},CSS_RGBA:{read:function(a){a=a.match(/^rgba\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\,\s*(.+)\s*\)/);return a===null?false:{space:"RGB",r:parseFloat(a[1]),g:parseFloat(a[2]),b:parseFloat(a[3]),a:parseFloat(a[4])}},write:e}}},{litmus:a.isNumber,conversions:{HEX:{read:function(a){return{space:"HEX",hex:a,conversionName:"HEX"}},write:function(a){return a.hex}}}},{litmus:a.isArray,conversions:{RGB_ARRAY:{read:function(a){return a.length!=
+3?false:{space:"RGB",r:a[0],g:a[1],b:a[2]}},write:function(a){return[a.r,a.g,a.b]}},RGBA_ARRAY:{read:function(a){return a.length!=4?false:{space:"RGB",r:a[0],g:a[1],b:a[2],a:a[3]}},write:function(a){return[a.r,a.g,a.b,a.a]}}}},{litmus:a.isObject,conversions:{RGBA_OBJ:{read:function(b){return a.isNumber(b.r)&&a.isNumber(b.g)&&a.isNumber(b.b)&&a.isNumber(b.a)?{space:"RGB",r:b.r,g:b.g,b:b.b,a:b.a}:false},write:function(a){return{r:a.r,g:a.g,b:a.b,a:a.a}}},RGB_OBJ:{read:function(b){return a.isNumber(b.r)&&
+a.isNumber(b.g)&&a.isNumber(b.b)?{space:"RGB",r:b.r,g:b.g,b:b.b}:false},write:function(a){return{r:a.r,g:a.g,b:a.b}}},HSVA_OBJ:{read:function(b){return a.isNumber(b.h)&&a.isNumber(b.s)&&a.isNumber(b.v)&&a.isNumber(b.a)?{space:"HSV",h:b.h,s:b.s,v:b.v,a:b.a}:false},write:function(a){return{h:a.h,s:a.s,v:a.v,a:a.a}}},HSV_OBJ:{read:function(b){return a.isNumber(b.h)&&a.isNumber(b.s)&&a.isNumber(b.v)?{space:"HSV",h:b.h,s:b.s,v:b.v}:false},write:function(a){return{h:a.h,s:a.s,v:a.v}}}}}];return function(){d=
+false;var b=arguments.length>1?a.toArray(arguments):arguments[0];a.each(f,function(e){if(e.litmus(b))return a.each(e.conversions,function(e,f){c=e.read(b);if(d===false&&c!==false)return d=c,c.conversionName=f,c.conversion=e,a.BREAK}),a.BREAK});return d}}(dat.color.toString,dat.utils.common);
+dat.GUI=dat.gui.GUI=function(e,a,c,d,f,b,n,h,j,m,l,o,y,g,i){function q(a,b,r,c){if(b[r]===void 0)throw Error("Object "+b+' has no property "'+r+'"');c.color?b=new l(b,r):(b=[b,r].concat(c.factoryArgs),b=d.apply(a,b));if(c.before instanceof f)c.before=c.before.__li;t(a,b);g.addClass(b.domElement,"c");r=document.createElement("span");g.addClass(r,"property-name");r.innerHTML=b.property;var e=document.createElement("div");e.appendChild(r);e.appendChild(b.domElement);c=s(a,e,c.before);g.addClass(c,k.CLASS_CONTROLLER_ROW);
+g.addClass(c,typeof b.getValue());p(a,c,b);a.__controllers.push(b);return b}function s(a,b,d){var c=document.createElement("li");b&&c.appendChild(b);d?a.__ul.insertBefore(c,params.before):a.__ul.appendChild(c);a.onResize();return c}function p(a,d,c){c.__li=d;c.__gui=a;i.extend(c,{options:function(b){if(arguments.length>1)return c.remove(),q(a,c.object,c.property,{before:c.__li.nextElementSibling,factoryArgs:[i.toArray(arguments)]});if(i.isArray(b)||i.isObject(b))return c.remove(),q(a,c.object,c.property,
+{before:c.__li.nextElementSibling,factoryArgs:[b]})},name:function(a){c.__li.firstElementChild.firstElementChild.innerHTML=a;return c},listen:function(){c.__gui.listen(c);return c},remove:function(){c.__gui.remove(c);return c}});if(c instanceof j){var e=new h(c.object,c.property,{min:c.__min,max:c.__max,step:c.__step});i.each(["updateDisplay","onChange","onFinishChange"],function(a){var b=c[a],H=e[a];c[a]=e[a]=function(){var a=Array.prototype.slice.call(arguments);b.apply(c,a);return H.apply(e,a)}});
+g.addClass(d,"has-slider");c.domElement.insertBefore(e.domElement,c.domElement.firstElementChild)}else if(c instanceof h){var f=function(b){return i.isNumber(c.__min)&&i.isNumber(c.__max)?(c.remove(),q(a,c.object,c.property,{before:c.__li.nextElementSibling,factoryArgs:[c.__min,c.__max,c.__step]})):b};c.min=i.compose(f,c.min);c.max=i.compose(f,c.max)}else if(c instanceof b)g.bind(d,"click",function(){g.fakeEvent(c.__checkbox,"click")}),g.bind(c.__checkbox,"click",function(a){a.stopPropagation()});
+else if(c instanceof n)g.bind(d,"click",function(){g.fakeEvent(c.__button,"click")}),g.bind(d,"mouseover",function(){g.addClass(c.__button,"hover")}),g.bind(d,"mouseout",function(){g.removeClass(c.__button,"hover")});else if(c instanceof l)g.addClass(d,"color"),c.updateDisplay=i.compose(function(a){d.style.borderLeftColor=c.__color.toString();return a},c.updateDisplay),c.updateDisplay();c.setValue=i.compose(function(b){a.getRoot().__preset_select&&c.isModified()&&B(a.getRoot(),true);return b},c.setValue)}
+function t(a,b){var c=a.getRoot(),d=c.__rememberedObjects.indexOf(b.object);if(d!=-1){var e=c.__rememberedObjectIndecesToControllers[d];e===void 0&&(e={},c.__rememberedObjectIndecesToControllers[d]=e);e[b.property]=b;if(c.load&&c.load.remembered){c=c.load.remembered;if(c[a.preset])c=c[a.preset];else if(c[w])c=c[w];else return;if(c[d]&&c[d][b.property]!==void 0)d=c[d][b.property],b.initialValue=d,b.setValue(d)}}}function I(a){var b=a.__save_row=document.createElement("li");g.addClass(a.domElement,
+"has-save");a.__ul.insertBefore(b,a.__ul.firstChild);g.addClass(b,"save-row");var c=document.createElement("span");c.innerHTML="&nbsp;";g.addClass(c,"button gears");var d=document.createElement("span");d.innerHTML="Save";g.addClass(d,"button");g.addClass(d,"save");var e=document.createElement("span");e.innerHTML="New";g.addClass(e,"button");g.addClass(e,"save-as");var f=document.createElement("span");f.innerHTML="Revert";g.addClass(f,"button");g.addClass(f,"revert");var m=a.__preset_select=document.createElement("select");
+a.load&&a.load.remembered?i.each(a.load.remembered,function(b,c){C(a,c,c==a.preset)}):C(a,w,false);g.bind(m,"change",function(){for(var b=0;b<a.__preset_select.length;b++)a.__preset_select[b].innerHTML=a.__preset_select[b].value;a.preset=this.value});b.appendChild(m);b.appendChild(c);b.appendChild(d);b.appendChild(e);b.appendChild(f);if(u){var b=document.getElementById("dg-save-locally"),l=document.getElementById("dg-local-explain");b.style.display="block";b=document.getElementById("dg-local-storage");
+localStorage.getItem(document.location.href+".isLocal")==="true"&&b.setAttribute("checked","checked");var o=function(){l.style.display=a.useLocalStorage?"block":"none"};o();g.bind(b,"change",function(){a.useLocalStorage=!a.useLocalStorage;o()})}var h=document.getElementById("dg-new-constructor");g.bind(h,"keydown",function(a){a.metaKey&&(a.which===67||a.keyCode==67)&&x.hide()});g.bind(c,"click",function(){h.innerHTML=JSON.stringify(a.getSaveObject(),void 0,2);x.show();h.focus();h.select()});g.bind(d,
+"click",function(){a.save()});g.bind(e,"click",function(){var b=prompt("Enter a new preset name.");b&&a.saveAs(b)});g.bind(f,"click",function(){a.revert()})}function J(a){function b(f){f.preventDefault();e=f.clientX;g.addClass(a.__closeButton,k.CLASS_DRAG);g.bind(window,"mousemove",c);g.bind(window,"mouseup",d);return false}function c(b){b.preventDefault();a.width+=e-b.clientX;a.onResize();e=b.clientX;return false}function d(){g.removeClass(a.__closeButton,k.CLASS_DRAG);g.unbind(window,"mousemove",
+c);g.unbind(window,"mouseup",d)}a.__resize_handle=document.createElement("div");i.extend(a.__resize_handle.style,{width:"6px",marginLeft:"-3px",height:"200px",cursor:"ew-resize",position:"absolute"});var e;g.bind(a.__resize_handle,"mousedown",b);g.bind(a.__closeButton,"mousedown",b);a.domElement.insertBefore(a.__resize_handle,a.domElement.firstElementChild)}function D(a,b){a.domElement.style.width=b+"px";if(a.__save_row&&a.autoPlace)a.__save_row.style.width=b+"px";if(a.__closeButton)a.__closeButton.style.width=
+b+"px"}function z(a,b){var c={};i.each(a.__rememberedObjects,function(d,e){var f={};i.each(a.__rememberedObjectIndecesToControllers[e],function(a,c){f[c]=b?a.initialValue:a.getValue()});c[e]=f});return c}function C(a,b,c){var d=document.createElement("option");d.innerHTML=b;d.value=b;a.__preset_select.appendChild(d);if(c)a.__preset_select.selectedIndex=a.__preset_select.length-1}function B(a,b){var c=a.__preset_select[a.__preset_select.selectedIndex];c.innerHTML=b?c.value+"*":c.value}function E(a){a.length!=
+0&&o(function(){E(a)});i.each(a,function(a){a.updateDisplay()})}e.inject(c);var w="Default",u;try{u="localStorage"in window&&window.localStorage!==null}catch(K){u=false}var x,F=true,v,A=false,G=[],k=function(a){function b(){localStorage.setItem(document.location.href+".gui",JSON.stringify(d.getSaveObject()))}function c(){var a=d.getRoot();a.width+=1;i.defer(function(){a.width-=1})}var d=this;this.domElement=document.createElement("div");this.__ul=document.createElement("ul");this.domElement.appendChild(this.__ul);
+g.addClass(this.domElement,"dg");this.__folders={};this.__controllers=[];this.__rememberedObjects=[];this.__rememberedObjectIndecesToControllers=[];this.__listening=[];a=a||{};a=i.defaults(a,{autoPlace:true,width:k.DEFAULT_WIDTH});a=i.defaults(a,{resizable:a.autoPlace,hideable:a.autoPlace});if(i.isUndefined(a.load))a.load={preset:w};else if(a.preset)a.load.preset=a.preset;i.isUndefined(a.parent)&&a.hideable&&G.push(this);a.resizable=i.isUndefined(a.parent)&&a.resizable;if(a.autoPlace&&i.isUndefined(a.scrollable))a.scrollable=
+true;var e=u&&localStorage.getItem(document.location.href+".isLocal")==="true";Object.defineProperties(this,{parent:{get:function(){return a.parent}},scrollable:{get:function(){return a.scrollable}},autoPlace:{get:function(){return a.autoPlace}},preset:{get:function(){return d.parent?d.getRoot().preset:a.load.preset},set:function(b){d.parent?d.getRoot().preset=b:a.load.preset=b;for(b=0;b<this.__preset_select.length;b++)if(this.__preset_select[b].value==this.preset)this.__preset_select.selectedIndex=
+b;d.revert()}},width:{get:function(){return a.width},set:function(b){a.width=b;D(d,b)}},name:{get:function(){return a.name},set:function(b){a.name=b;if(m)m.innerHTML=a.name}},closed:{get:function(){return a.closed},set:function(b){a.closed=b;a.closed?g.addClass(d.__ul,k.CLASS_CLOSED):g.removeClass(d.__ul,k.CLASS_CLOSED);this.onResize();if(d.__closeButton)d.__closeButton.innerHTML=b?k.TEXT_OPEN:k.TEXT_CLOSED}},load:{get:function(){return a.load}},useLocalStorage:{get:function(){return e},set:function(a){u&&
+((e=a)?g.bind(window,"unload",b):g.unbind(window,"unload",b),localStorage.setItem(document.location.href+".isLocal",a))}}});if(i.isUndefined(a.parent)){a.closed=false;g.addClass(this.domElement,k.CLASS_MAIN);g.makeSelectable(this.domElement,false);if(u&&e){d.useLocalStorage=true;var f=localStorage.getItem(document.location.href+".gui");if(f)a.load=JSON.parse(f)}this.__closeButton=document.createElement("div");this.__closeButton.innerHTML=k.TEXT_CLOSED;g.addClass(this.__closeButton,k.CLASS_CLOSE_BUTTON);
+this.domElement.appendChild(this.__closeButton);g.bind(this.__closeButton,"click",function(){d.closed=!d.closed})}else{if(a.closed===void 0)a.closed=true;var m=document.createTextNode(a.name);g.addClass(m,"controller-name");f=s(d,m);g.addClass(this.__ul,k.CLASS_CLOSED);g.addClass(f,"title");g.bind(f,"click",function(a){a.preventDefault();d.closed=!d.closed;return false});if(!a.closed)this.closed=false}a.autoPlace&&(i.isUndefined(a.parent)&&(F&&(v=document.createElement("div"),g.addClass(v,"dg"),g.addClass(v,
+k.CLASS_AUTO_PLACE_CONTAINER),document.body.appendChild(v),F=false),v.appendChild(this.domElement),g.addClass(this.domElement,k.CLASS_AUTO_PLACE)),this.parent||D(d,a.width));g.bind(window,"resize",function(){d.onResize()});g.bind(this.__ul,"webkitTransitionEnd",function(){d.onResize()});g.bind(this.__ul,"transitionend",function(){d.onResize()});g.bind(this.__ul,"oTransitionEnd",function(){d.onResize()});this.onResize();a.resizable&&J(this);d.getRoot();a.parent||c()};k.toggleHide=function(){A=!A;i.each(G,
+function(a){a.domElement.style.zIndex=A?-999:999;a.domElement.style.opacity=A?0:1})};k.CLASS_AUTO_PLACE="a";k.CLASS_AUTO_PLACE_CONTAINER="ac";k.CLASS_MAIN="main";k.CLASS_CONTROLLER_ROW="cr";k.CLASS_TOO_TALL="taller-than-window";k.CLASS_CLOSED="closed";k.CLASS_CLOSE_BUTTON="close-button";k.CLASS_DRAG="drag";k.DEFAULT_WIDTH=245;k.TEXT_CLOSED="Close Controls";k.TEXT_OPEN="Open Controls";g.bind(window,"keydown",function(a){document.activeElement.type!=="text"&&(a.which===72||a.keyCode==72)&&k.toggleHide()},
+false);i.extend(k.prototype,{add:function(a,b){return q(this,a,b,{factoryArgs:Array.prototype.slice.call(arguments,2)})},addColor:function(a,b){return q(this,a,b,{color:true})},remove:function(a){this.__ul.removeChild(a.__li);this.__controllers.slice(this.__controllers.indexOf(a),1);var b=this;i.defer(function(){b.onResize()})},destroy:function(){this.autoPlace&&v.removeChild(this.domElement)},addFolder:function(a){if(this.__folders[a]!==void 0)throw Error('You already have a folder in this GUI by the name "'+
+a+'"');var b={name:a,parent:this};b.autoPlace=this.autoPlace;if(this.load&&this.load.folders&&this.load.folders[a])b.closed=this.load.folders[a].closed,b.load=this.load.folders[a];b=new k(b);this.__folders[a]=b;a=s(this,b.domElement);g.addClass(a,"folder");return b},open:function(){this.closed=false},close:function(){this.closed=true},onResize:function(){var a=this.getRoot();if(a.scrollable){var b=g.getOffset(a.__ul).top,c=0;i.each(a.__ul.childNodes,function(b){a.autoPlace&&b===a.__save_row||(c+=
+g.getHeight(b))});window.innerHeight-b-20<c?(g.addClass(a.domElement,k.CLASS_TOO_TALL),a.__ul.style.height=window.innerHeight-b-20+"px"):(g.removeClass(a.domElement,k.CLASS_TOO_TALL),a.__ul.style.height="auto")}a.__resize_handle&&i.defer(function(){a.__resize_handle.style.height=a.__ul.offsetHeight+"px"});if(a.__closeButton)a.__closeButton.style.width=a.width+"px"},remember:function(){if(i.isUndefined(x))x=new y,x.domElement.innerHTML=a;if(this.parent)throw Error("You can only call remember on a top level GUI.");
+var b=this;i.each(Array.prototype.slice.call(arguments),function(a){b.__rememberedObjects.length==0&&I(b);b.__rememberedObjects.indexOf(a)==-1&&b.__rememberedObjects.push(a)});this.autoPlace&&D(this,this.width)},getRoot:function(){for(var a=this;a.parent;)a=a.parent;return a},getSaveObject:function(){var a=this.load;a.closed=this.closed;if(this.__rememberedObjects.length>0){a.preset=this.preset;if(!a.remembered)a.remembered={};a.remembered[this.preset]=z(this)}a.folders={};i.each(this.__folders,function(b,
+c){a.folders[c]=b.getSaveObject()});return a},save:function(){if(!this.load.remembered)this.load.remembered={};this.load.remembered[this.preset]=z(this);B(this,false)},saveAs:function(a){if(!this.load.remembered)this.load.remembered={},this.load.remembered[w]=z(this,true);this.load.remembered[a]=z(this);this.preset=a;C(this,a,true)},revert:function(a){i.each(this.__controllers,function(b){this.getRoot().load.remembered?t(a||this.getRoot(),b):b.setValue(b.initialValue)},this);i.each(this.__folders,
+function(a){a.revert(a)});a||B(this.getRoot(),false)},listen:function(a){var b=this.__listening.length==0;this.__listening.push(a);b&&E(this.__listening)}});return k}(dat.utils.css,'<div id="dg-save" class="dg dialogue">\n\n  Here\'s the new load parameter for your <code>GUI</code>\'s constructor:\n\n  <textarea id="dg-new-constructor"></textarea>\n\n  <div id="dg-save-locally">\n\n    <input id="dg-local-storage" type="checkbox"/> Automatically save\n    values to <code>localStorage</code> on exit.\n\n    <div id="dg-local-explain">The values saved to <code>localStorage</code> will\n      override those passed to <code>dat.GUI</code>\'s constructor. This makes it\n      easier to work incrementally, but <code>localStorage</code> is fragile,\n      and your friends may not see the same values you do.\n      \n    </div>\n    \n  </div>\n\n</div>',
+".dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;transition:opacity 0.1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;transition:opacity 0.1s linear;border:0;position:absolute;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-x:hidden}.dg.a.has-save ul{margin-top:27px}.dg.a.has-save ul.closed{margin-top:0}.dg.a .save-row{position:fixed;top:0;z-index:1002}.dg li{-webkit-transition:height 0.1s ease-out;-o-transition:height 0.1s ease-out;-moz-transition:height 0.1s ease-out;transition:height 0.1s ease-out}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;overflow:hidden;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li > *{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .c{float:left;width:60%}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:9px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2fa1d6}.dg .cr.number input[type=text]{color:#2fa1d6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2fa1d6}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}\n",
+dat.controllers.factory=function(e,a,c,d,f,b,n){return function(h,j,m,l){var o=h[j];if(n.isArray(m)||n.isObject(m))return new e(h,j,m);if(n.isNumber(o))return n.isNumber(m)&&n.isNumber(l)?new c(h,j,m,l):new a(h,j,{min:m,max:l});if(n.isString(o))return new d(h,j);if(n.isFunction(o))return new f(h,j,"");if(n.isBoolean(o))return new b(h,j)}}(dat.controllers.OptionController,dat.controllers.NumberControllerBox,dat.controllers.NumberControllerSlider,dat.controllers.StringController=function(e,a,c){var d=
+function(c,b){function e(){h.setValue(h.__input.value)}d.superclass.call(this,c,b);var h=this;this.__input=document.createElement("input");this.__input.setAttribute("type","text");a.bind(this.__input,"keyup",e);a.bind(this.__input,"change",e);a.bind(this.__input,"blur",function(){h.__onFinishChange&&h.__onFinishChange.call(h,h.getValue())});a.bind(this.__input,"keydown",function(a){a.keyCode===13&&this.blur()});this.updateDisplay();this.domElement.appendChild(this.__input)};d.superclass=e;c.extend(d.prototype,
+e.prototype,{updateDisplay:function(){if(!a.isActive(this.__input))this.__input.value=this.getValue();return d.superclass.prototype.updateDisplay.call(this)}});return d}(dat.controllers.Controller,dat.dom.dom,dat.utils.common),dat.controllers.FunctionController,dat.controllers.BooleanController,dat.utils.common),dat.controllers.Controller,dat.controllers.BooleanController,dat.controllers.FunctionController,dat.controllers.NumberControllerBox,dat.controllers.NumberControllerSlider,dat.controllers.OptionController,
+dat.controllers.ColorController=function(e,a,c,d,f){function b(a,b,c,d){a.style.background="";f.each(j,function(e){a.style.cssText+="background: "+e+"linear-gradient("+b+", "+c+" 0%, "+d+" 100%); "})}function n(a){a.style.background="";a.style.cssText+="background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);";a.style.cssText+="background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";
+a.style.cssText+="background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";a.style.cssText+="background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";a.style.cssText+="background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);"}var h=function(e,l){function o(b){q(b);a.bind(window,"mousemove",q);a.bind(window,
+"mouseup",j)}function j(){a.unbind(window,"mousemove",q);a.unbind(window,"mouseup",j)}function g(){var a=d(this.value);a!==false?(p.__color.__state=a,p.setValue(p.__color.toOriginal())):this.value=p.__color.toString()}function i(){a.unbind(window,"mousemove",s);a.unbind(window,"mouseup",i)}function q(b){b.preventDefault();var c=a.getWidth(p.__saturation_field),d=a.getOffset(p.__saturation_field),e=(b.clientX-d.left+document.body.scrollLeft)/c,b=1-(b.clientY-d.top+document.body.scrollTop)/c;b>1?b=
+1:b<0&&(b=0);e>1?e=1:e<0&&(e=0);p.__color.v=b;p.__color.s=e;p.setValue(p.__color.toOriginal());return false}function s(b){b.preventDefault();var c=a.getHeight(p.__hue_field),d=a.getOffset(p.__hue_field),b=1-(b.clientY-d.top+document.body.scrollTop)/c;b>1?b=1:b<0&&(b=0);p.__color.h=b*360;p.setValue(p.__color.toOriginal());return false}h.superclass.call(this,e,l);this.__color=new c(this.getValue());this.__temp=new c(0);var p=this;this.domElement=document.createElement("div");a.makeSelectable(this.domElement,
+false);this.__selector=document.createElement("div");this.__selector.className="selector";this.__saturation_field=document.createElement("div");this.__saturation_field.className="saturation-field";this.__field_knob=document.createElement("div");this.__field_knob.className="field-knob";this.__field_knob_border="2px solid ";this.__hue_knob=document.createElement("div");this.__hue_knob.className="hue-knob";this.__hue_field=document.createElement("div");this.__hue_field.className="hue-field";this.__input=
+document.createElement("input");this.__input.type="text";this.__input_textShadow="0 1px 1px ";a.bind(this.__input,"keydown",function(a){a.keyCode===13&&g.call(this)});a.bind(this.__input,"blur",g);a.bind(this.__selector,"mousedown",function(){a.addClass(this,"drag").bind(window,"mouseup",function(){a.removeClass(p.__selector,"drag")})});var t=document.createElement("div");f.extend(this.__selector.style,{width:"122px",height:"102px",padding:"3px",backgroundColor:"#222",boxShadow:"0px 1px 3px rgba(0,0,0,0.3)"});
+f.extend(this.__field_knob.style,{position:"absolute",width:"12px",height:"12px",border:this.__field_knob_border+(this.__color.v<0.5?"#fff":"#000"),boxShadow:"0px 1px 3px rgba(0,0,0,0.5)",borderRadius:"12px",zIndex:1});f.extend(this.__hue_knob.style,{position:"absolute",width:"15px",height:"2px",borderRight:"4px solid #fff",zIndex:1});f.extend(this.__saturation_field.style,{width:"100px",height:"100px",border:"1px solid #555",marginRight:"3px",display:"inline-block",cursor:"pointer"});f.extend(t.style,
+{width:"100%",height:"100%",background:"none"});b(t,"top","rgba(0,0,0,0)","#000");f.extend(this.__hue_field.style,{width:"15px",height:"100px",display:"inline-block",border:"1px solid #555",cursor:"ns-resize"});n(this.__hue_field);f.extend(this.__input.style,{outline:"none",textAlign:"center",color:"#fff",border:0,fontWeight:"bold",textShadow:this.__input_textShadow+"rgba(0,0,0,0.7)"});a.bind(this.__saturation_field,"mousedown",o);a.bind(this.__field_knob,"mousedown",o);a.bind(this.__hue_field,"mousedown",
+function(b){s(b);a.bind(window,"mousemove",s);a.bind(window,"mouseup",i)});this.__saturation_field.appendChild(t);this.__selector.appendChild(this.__field_knob);this.__selector.appendChild(this.__saturation_field);this.__selector.appendChild(this.__hue_field);this.__hue_field.appendChild(this.__hue_knob);this.domElement.appendChild(this.__input);this.domElement.appendChild(this.__selector);this.updateDisplay()};h.superclass=e;f.extend(h.prototype,e.prototype,{updateDisplay:function(){var a=d(this.getValue());
+if(a!==false){var e=false;f.each(c.COMPONENTS,function(b){if(!f.isUndefined(a[b])&&!f.isUndefined(this.__color.__state[b])&&a[b]!==this.__color.__state[b])return e=true,{}},this);e&&f.extend(this.__color.__state,a)}f.extend(this.__temp.__state,this.__color.__state);this.__temp.a=1;var h=this.__color.v<0.5||this.__color.s>0.5?255:0,j=255-h;f.extend(this.__field_knob.style,{marginLeft:100*this.__color.s-7+"px",marginTop:100*(1-this.__color.v)-7+"px",backgroundColor:this.__temp.toString(),border:this.__field_knob_border+
+"rgb("+h+","+h+","+h+")"});this.__hue_knob.style.marginTop=(1-this.__color.h/360)*100+"px";this.__temp.s=1;this.__temp.v=1;b(this.__saturation_field,"left","#fff",this.__temp.toString());f.extend(this.__input.style,{backgroundColor:this.__input.value=this.__color.toString(),color:"rgb("+h+","+h+","+h+")",textShadow:this.__input_textShadow+"rgba("+j+","+j+","+j+",.7)"})}});var j=["-moz-","-o-","-webkit-","-ms-",""];return h}(dat.controllers.Controller,dat.dom.dom,dat.color.Color=function(e,a,c,d){function f(a,
+b,c){Object.defineProperty(a,b,{get:function(){if(this.__state.space==="RGB")return this.__state[b];n(this,b,c);return this.__state[b]},set:function(a){if(this.__state.space!=="RGB")n(this,b,c),this.__state.space="RGB";this.__state[b]=a}})}function b(a,b){Object.defineProperty(a,b,{get:function(){if(this.__state.space==="HSV")return this.__state[b];h(this);return this.__state[b]},set:function(a){if(this.__state.space!=="HSV")h(this),this.__state.space="HSV";this.__state[b]=a}})}function n(b,c,e){if(b.__state.space===
+"HEX")b.__state[c]=a.component_from_hex(b.__state.hex,e);else if(b.__state.space==="HSV")d.extend(b.__state,a.hsv_to_rgb(b.__state.h,b.__state.s,b.__state.v));else throw"Corrupted color state";}function h(b){var c=a.rgb_to_hsv(b.r,b.g,b.b);d.extend(b.__state,{s:c.s,v:c.v});if(d.isNaN(c.h)){if(d.isUndefined(b.__state.h))b.__state.h=0}else b.__state.h=c.h}var j=function(){this.__state=e.apply(this,arguments);if(this.__state===false)throw"Failed to interpret color arguments";this.__state.a=this.__state.a||
+1};j.COMPONENTS="r,g,b,h,s,v,hex,a".split(",");d.extend(j.prototype,{toString:function(){return c(this)},toOriginal:function(){return this.__state.conversion.write(this)}});f(j.prototype,"r",2);f(j.prototype,"g",1);f(j.prototype,"b",0);b(j.prototype,"h");b(j.prototype,"s");b(j.prototype,"v");Object.defineProperty(j.prototype,"a",{get:function(){return this.__state.a},set:function(a){this.__state.a=a}});Object.defineProperty(j.prototype,"hex",{get:function(){if(!this.__state.space!=="HEX")this.__state.hex=
+a.rgb_to_hex(this.r,this.g,this.b);return this.__state.hex},set:function(a){this.__state.space="HEX";this.__state.hex=a}});return j}(dat.color.interpret,dat.color.math=function(){var e;return{hsv_to_rgb:function(a,c,d){var e=a/60-Math.floor(a/60),b=d*(1-c),n=d*(1-e*c),c=d*(1-(1-e)*c),a=[[d,c,b],[n,d,b],[b,d,c],[b,n,d],[c,b,d],[d,b,n]][Math.floor(a/60)%6];return{r:a[0]*255,g:a[1]*255,b:a[2]*255}},rgb_to_hsv:function(a,c,d){var e=Math.min(a,c,d),b=Math.max(a,c,d),e=b-e;if(b==0)return{h:NaN,s:0,v:0};
+a=a==b?(c-d)/e:c==b?2+(d-a)/e:4+(a-c)/e;a/=6;a<0&&(a+=1);return{h:a*360,s:e/b,v:b/255}},rgb_to_hex:function(a,c,d){a=this.hex_with_component(0,2,a);a=this.hex_with_component(a,1,c);return a=this.hex_with_component(a,0,d)},component_from_hex:function(a,c){return a>>c*8&255},hex_with_component:function(a,c,d){return d<<(e=c*8)|a&~(255<<e)}}}(),dat.color.toString,dat.utils.common),dat.color.interpret,dat.utils.common),dat.utils.requestAnimationFrame=function(){return window.webkitRequestAnimationFrame||
+window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1E3/60)}}(),dat.dom.CenteredDiv=function(e,a){var c=function(){this.backgroundElement=document.createElement("div");a.extend(this.backgroundElement.style,{backgroundColor:"rgba(0,0,0,0.8)",top:0,left:0,display:"none",zIndex:"1000",opacity:0,WebkitTransition:"opacity 0.2s linear"});e.makeFullscreen(this.backgroundElement);this.backgroundElement.style.position="fixed";this.domElement=
+document.createElement("div");a.extend(this.domElement.style,{position:"fixed",display:"none",zIndex:"1001",opacity:0,WebkitTransition:"-webkit-transform 0.2s ease-out, opacity 0.2s linear"});document.body.appendChild(this.backgroundElement);document.body.appendChild(this.domElement);var c=this;e.bind(this.backgroundElement,"click",function(){c.hide()})};c.prototype.show=function(){var c=this;this.backgroundElement.style.display="block";this.domElement.style.display="block";this.domElement.style.opacity=
+0;this.domElement.style.webkitTransform="scale(1.1)";this.layout();a.defer(function(){c.backgroundElement.style.opacity=1;c.domElement.style.opacity=1;c.domElement.style.webkitTransform="scale(1)"})};c.prototype.hide=function(){var a=this,c=function(){a.domElement.style.display="none";a.backgroundElement.style.display="none";e.unbind(a.domElement,"webkitTransitionEnd",c);e.unbind(a.domElement,"transitionend",c);e.unbind(a.domElement,"oTransitionEnd",c)};e.bind(this.domElement,"webkitTransitionEnd",
+c);e.bind(this.domElement,"transitionend",c);e.bind(this.domElement,"oTransitionEnd",c);this.backgroundElement.style.opacity=0;this.domElement.style.opacity=0;this.domElement.style.webkitTransform="scale(1.1)"};c.prototype.layout=function(){this.domElement.style.left=window.innerWidth/2-e.getWidth(this.domElement)/2+"px";this.domElement.style.top=window.innerHeight/2-e.getHeight(this.domElement)/2+"px"};return c}(dat.dom.dom,dat.utils.common),dat.dom.dom,dat.utils.common);
\ No newline at end of file
diff --git a/examples/example 15 - Filters/depth_blur_BG.jpg b/examples/example 15 - Filters/depth_blur_BG.jpg
new file mode 100644
index 0000000..889cb75
Binary files /dev/null and b/examples/example 15 - Filters/depth_blur_BG.jpg differ
diff --git a/examples/example 15 - Filters/depth_blur_dudes.jpg b/examples/example 15 - Filters/depth_blur_dudes.jpg
new file mode 100644
index 0000000..65b5fef
Binary files /dev/null and b/examples/example 15 - Filters/depth_blur_dudes.jpg differ
diff --git a/examples/example 15 - Filters/depth_blur_moby.jpg b/examples/example 15 - Filters/depth_blur_moby.jpg
new file mode 100644
index 0000000..db88573
Binary files /dev/null and b/examples/example 15 - Filters/depth_blur_moby.jpg differ
diff --git a/examples/example 15 - Filters/displacementMAP.jpg b/examples/example 15 - Filters/displacementMAP.jpg
new file mode 100644
index 0000000..c942a76
Binary files /dev/null and b/examples/example 15 - Filters/displacementMAP.jpg differ
diff --git a/examples/example 15 - Filters/displacement_BG.jpg b/examples/example 15 - Filters/displacement_BG.jpg
new file mode 100644
index 0000000..100b0cb
Binary files /dev/null and b/examples/example 15 - Filters/displacement_BG.jpg differ
diff --git a/examples/example 15 - Filters/displacement_fish1.png b/examples/example 15 - Filters/displacement_fish1.png
new file mode 100644
index 0000000..dbb391e
Binary files /dev/null and b/examples/example 15 - Filters/displacement_fish1.png differ
diff --git a/examples/example 15 - Filters/displacement_fish2.png b/examples/example 15 - Filters/displacement_fish2.png
new file mode 100644
index 0000000..3e214da
Binary files /dev/null and b/examples/example 15 - Filters/displacement_fish2.png differ
diff --git a/examples/example 15 - Filters/displacement_fish3.png b/examples/example 15 - Filters/displacement_fish3.png
new file mode 100644
index 0000000..3267f16
Binary files /dev/null and b/examples/example 15 - Filters/displacement_fish3.png differ
diff --git a/examples/example 15 - Filters/displacement_fish4.png b/examples/example 15 - Filters/displacement_fish4.png
new file mode 100644
index 0000000..e7f312e
Binary files /dev/null and b/examples/example 15 - Filters/displacement_fish4.png differ
diff --git a/examples/example 15 - Filters/displacement_map.jpg b/examples/example 15 - Filters/displacement_map.jpg
new file mode 100644
index 0000000..19e9b41
Binary files /dev/null and b/examples/example 15 - Filters/displacement_map.jpg differ
diff --git a/examples/example 15 - Filters/displacement_overlay.png b/examples/example 15 - Filters/displacement_overlay.png
new file mode 100644
index 0000000..0526b39
Binary files /dev/null and b/examples/example 15 - Filters/displacement_overlay.png differ
diff --git a/examples/example 15 - Filters/index.html b/examples/example 15 - Filters/index.html
new file mode 100644
index 0000000..8ef73f0
--- /dev/null
+++ b/examples/example 15 - Filters/index.html	
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>pixi.js example 15 - Filters</title>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #000000;
+		}
+	</style>
+	
+	<script src="../../bin/pixi.dev.js"></script>
+</head>
+<body>
+	<script>
+	
+	var renderer = PIXI.autoDetectRenderer(620, 380);
+	
+	// create an new instance of a pixi stage
+	var stage = new PIXI.Stage(0xFFFFFF, true);
+	
+	stage.interactive = true;
+	
+	var bg = PIXI.Sprite.fromImage("BGrotate.jpg");
+	bg.anchor.x = 0.5;
+	bg.anchor.y = 0.5;
+	 
+	bg.position.x = 620/2;
+	bg.position.y = 380/2;
+	
+	var colorMatrix =  [1,0,0,0,
+						0,1,0,0,
+						0,0,1,0,
+						0,0,0,1];
+						
+						
+	var filter = new PIXI.ColorMatrixFilter();
+	
+	var container = new PIXI.DisplayObjectContainer();
+	container.position.x = 620/2;
+	container.position.y = 380/2;
+	
+	var bgFront = PIXI.Sprite.fromImage("SceneRotate.jpg");
+	bgFront.anchor.x = 0.5;
+	bgFront.anchor.y = 0.5;
+	 
+	container.addChild(bgFront);
+	
+	var light2 = PIXI.Sprite.fromImage("LightRotate2.png");
+	light2.anchor.x = 0.5;
+	light2.anchor.y = 0.5;
+	container.addChild(light2);
+	
+	var light1 = PIXI.Sprite.fromImage("LightRotate1.png");
+	light1.anchor.x = 0.5;
+	light1.anchor.y = 0.5;
+	container.addChild(light1);
+	
+	var panda =  PIXI.Sprite.fromImage("panda.png");
+	panda.anchor.x = 0.5;
+	panda.anchor.y = 0.5;
+	
+	
+	container.addChild(panda);
+	
+	stage.addChild(container);
+	
+	// create a renderer instance
+	
+	renderer.view.style.position = "absolute"
+	renderer.view.style.width = window.innerWidth + "px";
+	renderer.view.style.height = window.innerHeight + "px";
+	renderer.view.style.display = "block";
+	
+	// add render view to DOM
+	document.body.appendChild(renderer.view);
+	
+	
+	stage.filters = [filter];
+	
+	var count = 0;
+	var switchy = false;
+	
+	stage.click = stage.tap = function()
+	{
+		switchy = !switchy
+		
+		if(!switchy)
+		{
+			stage.filters = [filter];
+		}
+		else
+		{
+			stage.filters = null;
+		}
+		
+	}
+	
+	/*
+	 * Add a pixi Logo!
+	 */
+	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
+//	stage.addChild(logo);
+	
+	logo.anchor.x = 1;
+	logo.position.x = 620
+	logo.scale.x = logo.scale.y = 0.5;
+	logo.position.y = 320;
+	logo.interactive = true;
+	logo.buttonMode = true;
+	
+	logo.click = logo.tap = function()
+	{
+		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
+	}
+	
+	var help = new PIXI.Text("Click to turn filters on / off.", {font:"bold 12pt Arial", fill:"white"});
+	help.position.y = 350;
+	help.position.x = 10;
+	stage.addChild(help);
+	
+	//stage.filters = [filter];
+	
+	PIXI.runList(stage);
+	
+	requestAnimFrame(animate);
+
+	function animate() {
+		
+		bg.rotation += 0.01;
+		bgFront.rotation -= 0.01;
+		
+		light1.rotation += 0.02;
+		light2.rotation += 0.01;
+
+		panda.scale.x = 1 + Math.sin(count) * 0.04;
+		panda.scale.y = 1 + Math.cos(count) * 0.04;
+		
+		count += 0.1;
+		
+		colorMatrix[1] = Math.sin(count) * 3;
+		colorMatrix[2] = Math.cos(count);
+		colorMatrix[3] = Math.cos(count) * 1.5;
+		colorMatrix[4] = Math.sin(count/3) * 2;
+		colorMatrix[5] = Math.sin(count/2);
+		colorMatrix[6] = Math.sin(count/4);
+		filter.matrix = colorMatrix;
+		
+		
+
+	    renderer.render(stage);
+	    requestAnimFrame( animate );
+	}
+
+	</script>
+
+	</body>
+</html>
diff --git a/examples/example 15 - Filters/indexAll.html b/examples/example 15 - Filters/indexAll.html
new file mode 100644
index 0000000..63fa2a2
--- /dev/null
+++ b/examples/example 15 - Filters/indexAll.html	
@@ -0,0 +1,286 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>pixi.js example 15 - Filters</title>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #000000;
+		}
+	</style>
+	
+	<script src="../../bin/pixi.dev.js"></script>
+	<script src="dat.gui.min.js"></script>
+	
+	<!-- <script src="pixi.js"></script> -->
+</head>
+<body>
+	<script>
+	
+	var renderer = PIXI.autoDetectRenderer(630, 410);
+	renderer.view.style.position = "absolute"
+	renderer.view.style.width = window.innerWidth + "px";
+	renderer.view.style.height = window.innerHeight + "px";
+	renderer.view.style.display = "block";
+	
+	var filtersSwitchs = [true, false, false, false, false, false, false, false, false, false, false];
+
+	// add render view to DOM
+	document.body.appendChild(renderer.view);
+
+	var gui = new dat.GUI({
+    //height : 5 * 32 - 1,
+    
+    //width : 350
+	});
+	
+	//// 
+
+	var displacementTexture = PIXI.Texture.fromImage("displacement_map.jpg");
+	var displacementFilter = new PIXI.DisplacementFilter(displacementTexture);
+
+	var displacementFolder = gui.addFolder('Displacement');
+	displacementFolder.add(filtersSwitchs, '0').name("apply");
+	displacementFolder.add(displacementFilter.scale, 'x', 1, 200).name("scaleX");
+	displacementFolder.add(displacementFilter.scale, 'y', 1, 200).name("scaleY");
+
+	var blurFilter = new PIXI.BlurFilter();
+
+	var blurFolder = gui.addFolder('Blur');
+	blurFolder.add(filtersSwitchs, '1').name("apply");
+	blurFolder.add(blurFilter, 'blurX', 0, 32).name("blurX");
+	blurFolder.add(blurFilter, 'blurY', 0, 32).name("blurY");
+
+	////
+	
+	var pixelateFilter = new PIXI.PixelateFilter();
+
+	var pixelateFolder = gui.addFolder('Pixelate');
+	pixelateFolder.add(filtersSwitchs, '2').name("apply");
+	pixelateFolder.add(pixelateFilter.size, 'x', 1, 32).name("PixelSizeX");
+	pixelateFolder.add(pixelateFilter.size, 'y', 1, 32).name("PixelSizeY");
+
+	////
+
+	var invertFilter = new PIXI.InvertFilter();
+
+	var invertFolder = gui.addFolder('Invert');
+	invertFolder.add(filtersSwitchs, '3').name("apply");
+	invertFolder.add(invertFilter, 'invert', 0, 1).name("Invert");
+
+	////
+
+	var grayFilter = new PIXI.GrayFilter();
+
+	var grayFolder = gui.addFolder('Gray');
+	grayFolder.add(filtersSwitchs, '4').name("apply");
+	grayFolder.add(grayFilter, 'gray', 0, 1).name("Gray");
+
+	////
+
+	var sepiaFilter = new PIXI.SepiaFilter();
+
+	var sepiaFolder = gui.addFolder('Sepia');
+	sepiaFolder.add(filtersSwitchs, '5').name("apply");
+	sepiaFolder.add(sepiaFilter, 'sepia', 0, 1).name("Sepia");
+
+	////
+
+	var twistFilter = new PIXI.TwistFilter();
+
+	var twistFolder = gui.addFolder('Twist');
+	twistFolder.add(filtersSwitchs, '6').name("apply");
+	twistFolder.add(twistFilter, 'angle', 0, 10).name("Angle");
+	twistFolder.add(twistFilter, 'radius', 0, 1).name("Radius");
+	
+	twistFolder.add(twistFilter.offset, 'x', 0, 1).name("offset.x");;
+	twistFolder.add(twistFilter.offset, 'y', 0, 1).name("offset.y");;
+
+	////
+
+	var dotScreenFilter = new PIXI.DotScreenFilter();
+
+	var dotScreenFolder = gui.addFolder('DotScreen');
+	dotScreenFolder.add(filtersSwitchs, '7').name("apply");
+	dotScreenFolder.add(dotScreenFilter, 'angle', 0, 10);
+	dotScreenFolder.add(dotScreenFilter, 'scale', 0, 1);
+
+	////
+
+	var colorStepFilter = new PIXI.ColorStepFilter();
+	
+	var colorStepFolder = gui.addFolder('ColorStep');
+	colorStepFolder.add(filtersSwitchs, '8').name("apply");
+
+	colorStepFolder.add(colorStepFilter, 'step', 1, 100);
+	colorStepFolder.add(colorStepFilter, 'step', 1, 100);
+
+	////
+
+	var crossHatchFilter = new PIXI.CrossHatchFilter();
+	
+	var crossHatchFolder = gui.addFolder('CrossHatch');
+	crossHatchFolder.add(filtersSwitchs, '9').name("apply");
+
+
+//	var filterCollection = [blurFilter, pixelateFilter, invertFilter, grayFilter, sepiaFilter, twistFilter, dotScreenFilter, //colorStepFilter, crossHatchFilter];
+
+	var rgbSplitterFilter = new PIXI.RGBSplitFilter();
+	
+	var rgbSplitFolder = gui.addFolder('RGB Splitter');
+	rgbSplitFolder.add(filtersSwitchs, '10').name("apply");
+
+
+	var filterCollection = [displacementFilter, blurFilter, pixelateFilter, invertFilter, grayFilter, sepiaFilter, twistFilter, dotScreenFilter, colorStepFilter, crossHatchFilter, rgbSplitterFilter];
+
+
+	// create an new instance of a pixi stage
+	var stage = new PIXI.Stage(0xFFFFFF, true);
+	
+	
+
+	var pondContainer = new PIXI.DisplayObjectContainer();
+	stage.addChild(pondContainer);
+
+	stage.interactive = true;
+	
+	var bg = PIXI.Sprite.fromImage("displacement_BG.jpg");
+	pondContainer.addChild(bg);
+
+	//var fish = PIXI.Sprite.fromImage("displacement_fish2.jpg");//
+	//littleDudes.position.y = 100;
+	var padding = 100;
+	var bounds = new PIXI.Rectangle(-padding, -padding, 630 + padding * 2, 410 + padding * 2)
+	var fishs = [];
+
+
+	for (var i = 0; i < 20; i++) 
+	{
+		var fishId = i % 4;
+		fishId += 1;
+
+		//console.log("displacement_fish"+fishId+".png")
+		var fish =  PIXI.Sprite.fromImage("displacement_fish"+fishId+".png");
+		fish.anchor.x = fish.anchor.y = 0.5;
+		pondContainer.addChild(fish);
+
+		//var direction 
+		//var speed = 
+		fish.direction = Math.random() * Math.PI * 2;
+		fish.speed = 2 + Math.random() * 2;
+		fish.turnSpeed = Math.random() - 0.8;
+
+		fish.position.x = Math.random() * bounds.width;
+		fish.position.y = Math.random() * bounds.height;
+		//fish.speed = new PIXI.Point(0,0)
+
+		fish.scale.x = fish.scale.y = 0.8 + Math.random() * 0.3;
+		fishs.push(fish);
+
+	};
+	
+	var overlay = new PIXI.TilingSprite(PIXI.Texture.fromImage("zeldaWaves.png"), 630, 410);
+	overlay.alpha = 0.2
+	pondContainer.addChild(overlay);
+
+
+	
+	
+	//pondContainer.filters = [displacementFilter];
+
+	
+
+	displacementFilter.scale.x = 50;
+	displacementFilter.scale.y = 50;
+
+	
+
+	
+	
+	
+	
+	var count = 0;
+	var switchy = false;
+	
+	/*
+	 * Add a pixi Logo!
+	 */
+	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
+	stage.addChild(logo);
+	
+	logo.anchor.x = 1;
+	logo.anchor.y = 1;
+
+	logo.position.x = 630
+	logo.scale.x = logo.scale.y = 0.5;
+	logo.position.y = 400;
+	logo.interactive = true;
+	logo.buttonMode = true;
+	
+	logo.click = logo.tap = function()
+	{
+		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
+	}
+	
+	
+	requestAnimFrame(animate);
+
+	function animate() {
+		
+		count += 0.1;
+		
+		var blurAmount = Math.cos(count) ;
+		var blurAmount2 = Math.sin(count * 0.8)  ;
+
+		var filtersToApply = [];
+
+		for (var i = 0; i < filterCollection.length; i++) {
+			
+			if(filtersSwitchs[i])filtersToApply.push(filterCollection[i]);
+		};
+
+		pondContainer.filters = filtersToApply.length > 0 ? filtersToApply : null;
+
+		for (var i = 0; i < fishs.length; i++) 
+		{
+			var fish = fishs[i];
+
+			fish.direction += fish.turnSpeed * 0.01;
+			fish.position.x += Math.sin(fish.direction) * fish.speed;
+			fish.position.y += Math.cos(fish.direction) * fish.speed;
+
+			fish.rotation = -fish.direction - Math.PI/2;
+
+			// wrap..
+
+			if(fish.position.x < bounds.x)fish.position.x += bounds.width;
+			if(fish.position.x > bounds.x + bounds.width)fish.position.x -= bounds.width
+
+			if(fish.position.y < bounds.y)fish.position.y += bounds.height;
+			if(fish.position.y > bounds.y + bounds.height)fish.position.y -= bounds.height
+		}
+
+	
+		displacementFilter.offset.x = count * 10//blurAmount * 40;
+		displacementFilter.offset.y = count * 10
+		
+		overlay.tilePosition.x = count * -10//blurAmount * 40;
+		overlay.tilePosition.y = count * -10
+
+	    renderer.render(stage);
+	    requestAnimFrame( animate );
+	}
+
+	</script>
+
+	<div style="position:absolute; bottom:0px; left:6px"> 
+
+		<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.goodboydigital.com%2Fpixijs%2Fexamples%2F15%2FindexAll.html&amp;width=100&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;send=false&amp;appId=544967255569759" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
+
+		<a href="https://twitter.com/share" class="twitter-share-button" data-via="goodboydigital">Tweet</a>
+		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+	</div>
+
+	</body>
+</html>
diff --git a/examples/example 15 - Filters/indexBlur.html b/examples/example 15 - Filters/indexBlur.html
new file mode 100644
index 0000000..a2815b1
--- /dev/null
+++ b/examples/example 15 - Filters/indexBlur.html	
@@ -0,0 +1,111 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>pixi.js example 15 - Filters</title>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #000000;
+		}
+	</style>
+	
+	<script src="../../bin/pixi.dev.js"></script>
+	<!--<script src="pixi.js"></script>-->
+</head>
+<body>
+	<script>
+	
+	var renderer = PIXI.autoDetectRenderer(630, 410);
+	
+	// create an new instance of a pixi stage
+	var stage = new PIXI.Stage(0xFFFFFF, true);
+	
+	stage.interactive = true;
+	
+	var bg = PIXI.Sprite.fromImage("depth_blur_BG.jpg");
+	stage.addChild(bg);
+
+	var littleDudes = PIXI.Sprite.fromImage("depth_blur_dudes.jpg");
+	littleDudes.position.y = 100;
+	stage.addChild(littleDudes);
+
+	var littleRobot = PIXI.Sprite.fromImage("depth_blur_moby.jpg");
+	littleRobot.position.x = 120;
+	stage.addChild(littleRobot);
+
+	var blurFilter1 = new PIXI.BlurFilter();
+	var blurFilter2 = new PIXI.BlurFilter();
+	
+	littleDudes.filters = [blurFilter1];
+	littleRobot.filters = [blurFilter2];
+
+	renderer.view.style.position = "absolute"
+	renderer.view.style.width = window.innerWidth + "px";
+	renderer.view.style.height = window.innerHeight + "px";
+	renderer.view.style.display = "block";
+	
+	// add render view to DOM
+	document.body.appendChild(renderer.view);
+	
+	
+	
+	var count = 0;
+	var switchy = false;
+	
+	stage.click = stage.tap = function()
+	{
+		switchy = !switchy
+		
+		if(!switchy)
+		{
+			//stage.filters = [filter];
+		}
+		else
+		{
+		//	stage.filters = null;
+		}
+		
+	}
+	
+	/*
+	 * Add a pixi Logo!
+	 */
+	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
+	stage.addChild(logo);
+	
+	logo.anchor.x = 1;
+	logo.anchor.y = 1;
+
+	logo.position.x = 630
+	logo.scale.x = logo.scale.y = 0.5;
+	logo.position.y = 400;
+	logo.interactive = true;
+	logo.buttonMode = true;
+	
+	logo.click = logo.tap = function()
+	{
+		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
+	}
+	
+	
+	requestAnimFrame(animate);
+
+	function animate() {
+		
+		count += 0.01;
+		
+		var blurAmount = Math.cos(count) ;
+		var blurAmount2 = Math.sin(count) ;
+
+
+		blurFilter1.blur = 20 * (blurAmount);
+		blurFilter2.blur = 20 * (blurAmount2);
+	    renderer.render(stage);
+	    requestAnimFrame( animate );
+	}
+
+	</script>
+
+	</body>
+</html>
diff --git a/examples/example 15 - Filters/indexDisplacement.html b/examples/example 15 - Filters/indexDisplacement.html
new file mode 100644
index 0000000..ad732b7
--- /dev/null
+++ b/examples/example 15 - Filters/indexDisplacement.html	
@@ -0,0 +1,161 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>pixi.js example 15 - Filters</title>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #000000;
+		}
+	</style>
+	
+	<script src="../../bin/pixi.dev.js"></script>
+	<script src="pixi.js"></script>
+</head>
+<body>
+	<script>
+	
+	var renderer = PIXI.autoDetectRenderer(630, 410);
+	renderer.view.style.position = "absolute"
+	renderer.view.style.width = window.innerWidth + "px";
+	renderer.view.style.height = window.innerHeight + "px";
+	renderer.view.style.display = "block";
+	
+	// add render view to DOM
+	document.body.appendChild(renderer.view);
+
+	// create an new instance of a pixi stage
+	var stage = new PIXI.Stage(0xFFFFFF, true);
+	
+	var pondContainer = new PIXI.DisplayObjectContainer();
+	stage.addChild(pondContainer);
+
+	stage.interactive = true;
+	
+	var bg = PIXI.Sprite.fromImage("displacement_BG.jpg");
+	pondContainer.addChild(bg);
+
+	//var fish = PIXI.Sprite.fromImage("displacement_fish2.jpg");//
+	//littleDudes.position.y = 100;
+	var padding = 100;
+	var bounds = new PIXI.Rectangle(-padding, -padding, 630 + padding * 2, 410 + padding * 2)
+	var fishs = [];
+
+
+	for (var i = 0; i < 20; i++) 
+	{
+		var fishId = i % 4;
+		fishId += 1;
+
+		//console.log("displacement_fish"+fishId+".png")
+		var fish =  PIXI.Sprite.fromImage("displacement_fish"+fishId+".png");
+		fish.anchor.x = fish.anchor.y = 0.5;
+		pondContainer.addChild(fish);
+
+		//var direction 
+		//var speed = 
+		fish.direction = Math.random() * Math.PI * 2;
+		fish.speed = 2 + Math.random() * 2;
+		fish.turnSpeed = Math.random() - 0.8;
+
+		fish.position.x = Math.random() * bounds.width;
+		fish.position.y = Math.random() * bounds.height;
+		//fish.speed = new PIXI.Point(0,0)
+
+		fish.scale.x = fish.scale.y = 0.8 + Math.random() * 0.3;
+		fishs.push(fish);
+
+	};
+	
+	var overlay = new PIXI.TilingSprite(PIXI.Texture.fromImage("zeldaWaves.png"), 630, 410);
+	overlay.alpha = 0.2
+	pondContainer.addChild(overlay);
+
+
+	var displacementTexture = PIXI.Texture.fromImage("displacement_map.jpg");
+	var displacementFilter = new PIXI.DisplacementFilter(displacementTexture);
+
+	
+	pondContainer.filters = [displacementFilter];
+
+	
+
+	displacementFilter.scale.x = 50;
+	displacementFilter.scale.y = 50;
+
+	
+
+	
+	
+	
+	
+	var count = 0;
+	var switchy = false;
+	
+	/*
+	 * Add a pixi Logo!
+	 */
+	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
+	stage.addChild(logo);
+	
+	logo.anchor.x = 1;
+	logo.anchor.y = 1;
+
+	logo.position.x = 630
+	logo.scale.x = logo.scale.y = 0.5;
+	logo.position.y = 400;
+	logo.interactive = true;
+	logo.buttonMode = true;
+	
+	logo.click = logo.tap = function()
+	{
+		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
+	}
+	
+	
+	requestAnimFrame(animate);
+
+	function animate() {
+		
+		count += 0.1;
+		
+		var blurAmount = Math.cos(count) ;
+		var blurAmount2 = Math.sin(count * 0.8)  ;
+
+		
+
+		for (var i = 0; i < fishs.length; i++) 
+		{
+			var fish = fishs[i];
+
+			fish.direction += fish.turnSpeed * 0.01;
+			fish.position.x += Math.sin(fish.direction) * fish.speed;
+			fish.position.y += Math.cos(fish.direction) * fish.speed;
+
+			fish.rotation = -fish.direction - Math.PI/2;
+
+			// wrap..
+
+			if(fish.position.x < bounds.x)fish.position.x += bounds.width;
+			if(fish.position.x > bounds.x + bounds.width)fish.position.x -= bounds.width
+
+			if(fish.position.y < bounds.y)fish.position.y += bounds.height;
+			if(fish.position.y > bounds.y + bounds.height)fish.position.y -= bounds.height
+		}
+
+	
+		displacementFilter.offset.x = count * 10//blurAmount * 40;
+		displacementFilter.offset.y = count * 10
+		
+		overlay.tilePosition.x = count * -10//blurAmount * 40;
+		overlay.tilePosition.y = count * -10
+		
+	    renderer.render(stage);
+	    requestAnimFrame( animate );
+	}
+
+	</script>
+
+	</body>
+</html>
diff --git a/examples/example 15 - Filters/indexDisplacement_2.html b/examples/example 15 - Filters/indexDisplacement_2.html
new file mode 100644
index 0000000..a20409b
--- /dev/null
+++ b/examples/example 15 - Filters/indexDisplacement_2.html	
@@ -0,0 +1,162 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>pixi.js example 15 - Filters</title>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #000000;
+		}
+	</style>
+	
+	<script src="../../bin/pixi.dev.js"></script>
+	<script src="pixi.js"></script>
+</head>
+<body>
+	<script>
+	
+	var renderer = PIXI.autoDetectRenderer(630, 410);
+	renderer.view.style.position = "absolute"
+	renderer.view.style.width = window.innerWidth + "px";
+	renderer.view.style.height = window.innerHeight + "px";
+	renderer.view.style.display = "block";
+	
+	// add render view to DOM
+	document.body.appendChild(renderer.view);
+
+	// create an new instance of a pixi stage
+	var stage = new PIXI.Stage(0xFFFFFF, true);
+	
+	var pondContainer = new PIXI.DisplayObjectContainer();
+	stage.addChild(pondContainer);
+
+	stage.interactive = true;
+	
+	var bg = PIXI.Sprite.fromImage("displacement_BG.jpg");
+	pondContainer.addChild(bg);
+
+	//var fish = PIXI.Sprite.fromImage("displacement_fish2.jpg");//
+	//littleDudes.position.y = 100;
+	var padding = 100;
+	var bounds = new PIXI.Rectangle(-padding, -padding, 630 + padding * 2, 410 + padding * 2)
+	var fishs = [];
+
+
+	for (var i = 0; i < 20; i++) 
+	{
+		var fishId = i % 4;
+		fishId += 1;
+
+		//console.log("displacement_fish"+fishId+".png")
+		var fish =  PIXI.Sprite.fromImage("displacement_fish"+fishId+".png");
+		fish.anchor.x = fish.anchor.y = 0.5;
+		pondContainer.addChild(fish);
+
+		//var direction 
+		//var speed = 
+		fish.direction = Math.random() * Math.PI * 2;
+		fish.speed = 2 + Math.random() * 2;
+		fish.turnSpeed = Math.random() - 0.8;
+
+		fish.position.x = Math.random() * bounds.width;
+		fish.position.y = Math.random() * bounds.height;
+		//fish.speed = new PIXI.Point(0,0)
+
+		fish.scale.x = fish.scale.y = 0.8 + Math.random() * 0.3;
+		fishs.push(fish);
+
+	};
+	
+	var overlay = new PIXI.TilingSprite(PIXI.Texture.fromImage("zeldaWaves.png"), 630, 410);
+	overlay.alpha = 0.2
+	pondContainer.addChild(overlay);
+
+
+	var displacementTexture = PIXI.Texture.fromImage("displacement_map.jpg");
+	var displacementFilter = new PIXI.DisplacementFilter(displacementTexture);
+
+	var pixelFilter = new PIXI.PixelateFilter();
+	pixelFilter.size.x = pixelFilter.size.y = 3;
+	pondContainer.filters = [displacementFilter, pixelFilter];
+
+	
+
+	displacementFilter.scale.x = 50;
+	displacementFilter.scale.y = 50;
+
+	
+
+	
+	
+	
+	
+	var count = 0;
+	var switchy = false;
+	
+	/*
+	 * Add a pixi Logo!
+	 */
+	var logo = PIXI.Sprite.fromImage("../../logo_small.png")
+	stage.addChild(logo);
+	
+	logo.anchor.x = 1;
+	logo.anchor.y = 1;
+
+	logo.position.x = 630
+	logo.scale.x = logo.scale.y = 0.5;
+	logo.position.y = 400;
+	logo.interactive = true;
+	logo.buttonMode = true;
+	
+	logo.click = logo.tap = function()
+	{
+		window.open("https://github.com/GoodBoyDigital/pixi.js", "_blank")
+	}
+	
+	
+	requestAnimFrame(animate);
+
+	function animate() {
+		
+		count += 0.1;
+		
+		var blurAmount = Math.cos(count) ;
+		var blurAmount2 = Math.sin(count * 0.8)  ;
+
+		
+
+		for (var i = 0; i < fishs.length; i++) 
+		{
+			var fish = fishs[i];
+
+			fish.direction += fish.turnSpeed * 0.01;
+			fish.position.x += Math.sin(fish.direction) * fish.speed;
+			fish.position.y += Math.cos(fish.direction) * fish.speed;
+
+			fish.rotation = -fish.direction - Math.PI/2;
+
+			// wrap..
+
+			if(fish.position.x < bounds.x)fish.position.x += bounds.width;
+			if(fish.position.x > bounds.x + bounds.width)fish.position.x -= bounds.width
+
+			if(fish.position.y < bounds.y)fish.position.y += bounds.height;
+			if(fish.position.y > bounds.y + bounds.height)fish.position.y -= bounds.height
+		}
+
+	
+		displacementFilter.offset.x = count * 10//blurAmount * 40;
+		displacementFilter.offset.y = count * 10
+		
+		overlay.tilePosition.x = count * -10//blurAmount * 40;
+		overlay.tilePosition.y = count * -10
+		
+	    renderer.render(stage);
+	    requestAnimFrame( animate );
+	}
+
+	</script>
+
+	</body>
+</html>
diff --git a/examples/example 15 - Filters/panda.png b/examples/example 15 - Filters/panda.png
new file mode 100644
index 0000000..215a4a9
Binary files /dev/null and b/examples/example 15 - Filters/panda.png differ
diff --git a/examples/example 15 - Filters/zeldaWaves.png b/examples/example 15 - Filters/zeldaWaves.png
new file mode 100644
index 0000000..01552c0
Binary files /dev/null and b/examples/example 15 - Filters/zeldaWaves.png differ
diff --git a/examples/example 2 - SpriteSheet/index.html b/examples/example 2 - SpriteSheet/index.html
index 5d7a32c..18e838c 100644
--- a/examples/example 2 - SpriteSheet/index.html	
+++ b/examples/example 2 - SpriteSheet/index.html	
@@ -9,63 +9,63 @@
 			background-color: #000000;
 		}
 	</style>
-	<script src="pixi.js"></script>
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
+
 	// create an array of assets to load
 	var assetsToLoader = [ "SpriteSheet.json"];
-	
+
 	// create a new loader
 	loader = new PIXI.AssetLoader(assetsToLoader);
-	
+
 	// use callback
 	loader.onComplete = onAssetsLoaded
-	
+
 	//begin load
 	loader.load();
-	
+
 	// holder to store aliens
 	var aliens = [];
 	var alienFrames = ["eggHead.png", "flowerTop.png", "helmlok.png", "skully.png"];
-	
+
 	var count = 0;
-		
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0xFFFFFF);
-	
+
 	// create a renderer instance.
 	renderer = PIXI.autoDetectRenderer(800, 600);
-		
+
 	// add the renderer view element to the DOM
 	document.body.appendChild(renderer.view);
-	
+
 	// create an empty container
 	var alienContainer = new PIXI.DisplayObjectContainer();
 	alienContainer.position.x = 400;
 	alienContainer.position.y = 300;
-	
+
 	stage.addChild(alienContainer);
-	
+
 	function onAssetsLoaded()
 	{
 		// create a texture from an image path
 		// add a bunch of aliens
-		for (var i = 0; i < 100; i++) 
+		for (var i = 0; i < 100; i++)
 		{
 			var frameName = alienFrames[i % 4];
-			
+
 			// create an alien using the frame name..
 			var alien = PIXI.Sprite.fromFrame(frameName);
-			
+
 			/*
 			 * fun fact for the day :)
 			 * another way of doing the above would be
 			 * var texture = PIXI.Texture.fromFrame(frameName);
 			 * var alien = new PIXI.Sprite(texture);
 			 */
-			
+
 			alien.position.x = Math.random() * 800 - 400;
 			alien.position.y = Math.random() * 600 - 300;
 			alien.anchor.x = 0.5;
@@ -73,30 +73,30 @@
 			aliens.push(alien);
 			alienContainer.addChild(alien);
 		}
-		
+
 		// start animating
 		requestAnimFrame( animate );
-		
-		
-	}	
-	
+
+
+	}
+
 	function animate() {
-	
+
 	    requestAnimFrame( animate );
-	
+
 	    // just for fun, lets rotate mr rabbit a little
-	    for (var i = 0; i < 100; i++) 
+	    for (var i = 0; i < 100; i++)
 		{
 			var alien = aliens[i];
 			alien.rotation += 0.1;
 		}
-		
+
 		count += 0.01;
 		alienContainer.scale.x = Math.sin(count)
 		alienContainer.scale.y = Math.sin(count)
-		
+
 		alienContainer.rotation += 0.01
-	    // render the stage   
+	    // render the stage
 	    renderer.render(stage);
 	}
 
diff --git a/examples/example 2 - SpriteSheet/pixi.js b/examples/example 2 - SpriteSheet/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 2 - SpriteSheet/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 3 - MovieClip/index.html b/examples/example 3 - MovieClip/index.html
index 66d73b5..d241fdf 100755
--- a/examples/example 3 - MovieClip/index.html	
+++ b/examples/example 3 - MovieClip/index.html	
@@ -9,154 +9,80 @@
 			background-color: #000000;
 		}
 	</style>
-	<script src="pixi.js"></script>
-	<script src="../../src/pixi/renderers/webgl/WebGLRenderGroup.js"></script>
-
-
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
 
 	// create an array of assets to load
 	var assetsToLoader = [ "SpriteSheet.json"];
-	
+
 	// create a new loader
 	loader = new PIXI.AssetLoader(assetsToLoader);
-	
+
 	// use callback
 	loader.onComplete = onAssetsLoaded
-	
+
 	//begin load
 	loader.load();
-	
+
+
 	// holder to store aliens
 	var explosions = [];
-	
+
 	var count = 0;
-		
+
 	// create an new instance of a pixi stage
-	var stage = new PIXI.Stage(0xFF0000, true);;
-	
+	var stage = new PIXI.Stage(0xFFFFFF);;
+
 	// create a renderer instance.
-//	renderer = new PIXI.CanvasRenderer(800, 600);
 	renderer = PIXI.autoDetectRenderer(800, 600);
-	
-	var graphics = new PIXI.Graphics();
-	graphics.beginFill(0x0000FF, 1);
-	
-	graphics.drawRect(0, 0, 800, 600);
-	stage.addChild(graphics);
-	
+
 	// add the renderer view element to the DOM
 	document.body.appendChild(renderer.view);
-	
+
 	function onAssetsLoaded()
 	{
 		// create an array to store the textures
 		var explosionTextures = [];
-		
-		for (var i=0; i < 26; i++) 
+
+		for (var i=0; i < 26; i++)
 		{
 		 	var texture = PIXI.Texture.fromFrame("Explosion_Sequence_A " + (i+1) + ".png");
 		 	explosionTextures.push(texture);
 		};
-		
-		expl = [];
-		container  = new PIXI.DisplayObjectContainer();
-		//container.addFilter();
-		
-		stage.addChild(container);
+
 		// create a texture from an image path
 		// add a bunch of aliens
-		for (var i = 0; i < 5; i++) 
+		for (var i = 0; i < 50; i++)
 		{
 			// create an explosion MovieClip
 			var explosion = new PIXI.MovieClip(explosionTextures);
-			
-			explosion.position.x = i * 200;//Math.random() * 800;
+
+
+			explosion.position.x = Math.random() * 800;
 			explosion.position.y = Math.random() * 600;
-			explosion.pivot.x = 100;// 0.5;
-			explosion.pivot.y = 100;//0.5;
-			
+			explosion.anchor.x = 0.5;
+			explosion.anchor.y = 0.5;
+
 			explosion.rotation = Math.random() * Math.PI;
 			explosion.scale.x = explosion.scale.y = 0.75 + Math.random() * 0.5
-			
+
 			explosion.gotoAndPlay(Math.random() * 27);
-			explosion.interactive = true;
-			
-			if(i<2)
-			{
-				container.addChild(explosion);
-			}
-			else
-			{
-				stage.addChild(explosion);
-			}
-			
-			expl.push(explosion);
-			
-			explosion.click = function()
-			{
-				if(!graphics.filter)
-				{
-					graphics.addFilter();
-				}
-				else
-				{
-					graphics.removeFilter();
-				}
-			//	this.parent.addChildAt(this, 4);
-				onRemove();
-			}
-			
-			if(i == 0)
-			{
-				//runList(container);
-			}
+
+			stage.addChild(explosion);
 		}
-		
-		stage.addChildAt(graphics, 2);
+
 		// start animating
 		requestAnimFrame( animate );
-		
-		runList(stage)
-	}	
-	
-	function runList(item)
-	{
-		console.log(">>>>>>>>>")
-		console.log("_")
-		var safe = 0;
-		var tmp = item.first;
-		console.log(tmp);
-		
-		while(tmp._iNext)
-		{
-			safe++;
-	//		console.log(tmp.childIndex + tmp);
-			tmp = tmp._iNext;
-			console.log(tmp);//.childIndex);
-		//	console.log(tmp);
-		
-			if(safe > 100)
-			{
-				console.log("BREAK")
-				break
-			}
-		}	
+
+
 	}
-	
-	function onRemove()
-	{
-		runList(stage)
-	}
-	
+
 	function animate() {
+
 	    requestAnimFrame( animate );
-		
-		for (var i=0; i < expl.length; i++) {
-		//  expl[i].rotation += 0.3;
-		};
+
 	    renderer.render(stage);
 	}
 
diff --git a/examples/example 3 - MovieClip/pixi.js b/examples/example 3 - MovieClip/pixi.js
deleted file mode 100755
index a6e7055..0000000
--- a/examples/example 3 - MovieClip/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 4 - Balls/index.html b/examples/example 4 - Balls/index.html
index 4c46070..53c52fe 100755
--- a/examples/example 4 - Balls/index.html	
+++ b/examples/example 4 - Balls/index.html	
@@ -4,9 +4,9 @@
 	<title>Pixi Balls by Photon Storm</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="initial-scale=1 maximum-scale=1 user-scalable=0" />
-	<link rel="stylesheet" href="storm.css">	
+	<link rel="stylesheet" href="storm.css">
 	<script src="jquery-1.8.3.min.js"></script>
-	<script src="pixi.js"></script>
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 
@@ -39,7 +39,7 @@
 		renderer = PIXI.autoDetectRenderer(w, h);
 
 		stage = new PIXI.Stage;
-		
+
 		document.body.appendChild(renderer.view);
 
 		for (var i = 0; i < starCount; i++)
@@ -77,10 +77,10 @@
 	{
 		w = $(window).width() - 16;
 		h = $(window).height() - 16;
-	
+
 		slideX = w / 2;
 		slideY = h / 2;
-		
+
 		renderer.resize(w, h);
 	}
 
diff --git a/examples/example 4 - Balls/pixi.js b/examples/example 4 - Balls/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 4 - Balls/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 5 - Morph/index.html b/examples/example 5 - Morph/index.html
index 0c8c5c3..dd246f7 100755
--- a/examples/example 5 - Morph/index.html	
+++ b/examples/example 5 - Morph/index.html	
@@ -4,9 +4,9 @@
 	<title>Pixi Morph by Photon Storm</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="initial-scale=1 maximum-scale=1 user-scalable=0" />
-	<link rel="stylesheet" href="storm.css">	
+	<link rel="stylesheet" href="storm.css">
 	<script src="jquery-1.8.3.min.js"></script>
-	<script src="pixi.js"></script>
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 
@@ -45,7 +45,7 @@
 		renderer = PIXI.autoDetectRenderer(w, h);
 
 		stage = new PIXI.Stage;
-		
+
 		document.body.appendChild(renderer.view);
 
 		makeObject(0);
@@ -298,7 +298,7 @@
 	{
 		w = $(window).width() - 16;
 		h = $(window).height() - 16;
-	
+
 		renderer.resize(w, h);
 	}
 
diff --git a/examples/example 5 - Morph/pixi.js b/examples/example 5 - Morph/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 5 - Morph/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 6 - Interactivity/index.html b/examples/example 6 - Interactivity/index.html
index d6ef03f..acdd8a9 100644
--- a/examples/example 6 - Interactivity/index.html	
+++ b/examples/example 6 - Interactivity/index.html	
@@ -8,7 +8,7 @@
 			padding: 0;
 			background-color: #000000;
 		}
-		
+
 		#help{
 			position: absolute;
 			z-index: 20;
@@ -19,71 +19,71 @@
 	</style>
 
 
-	
-	<script src="pixi.js"></script>
+
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-		
+
 	// create an new instance of a pixi stage
 	// the second parameter is interactivity...
 	var interactive = true;
 	var stage = new PIXI.Stage(0x000000, interactive);
-	
+
 	// create a renderer instance.
 	var renderer = PIXI.autoDetectRenderer(620, 400);
-	
+
 	// add the renderer view element to the DOM
 	document.body.appendChild(renderer.view);
-	
+
 	requestAnimFrame( animate );
-	
+
 	// create a background..
 	var background = PIXI.Sprite.fromImage("button_test_BG.jpg");
-	
+
 	// add background to stage..
 	stage.addChild(background);
-	
+
 	// create some textures from an image path
 	var textureButton = PIXI.Texture.fromImage("button.png");
 	var textureButtonDown = PIXI.Texture.fromImage("buttonDown.png");
 	var textureButtonOver = PIXI.Texture.fromImage("buttonOver.png");
-	
+
 	var buttons = [];
-	
+
 	var buttonPositions = [175,75,
 						   600-145, 75,
 						   600/2 - 20, 400/2 + 10,
 						   175, 400-75,
 						   600-115, 400-95];
-						   
-						   
-	for (var i=0; i < 5; i++) 
+
+
+	for (var i=0; i < 5; i++)
 	{
 		var button = new PIXI.Sprite(textureButton);
 		button.buttonMode = true;
-		
+
 		button.anchor.x = 0.5;
 		button.anchor.y = 0.5;
-		
+
 		button.position.x = buttonPositions[i*2];
 		button.position.y = buttonPositions[i*2 + 1];
-		
-		// make the button interactive..		
+
+		// make the button interactive..
 		button.interactive = true;
-		
+
 		// set the mousedown and touchstart callback..
 		button.mousedown = button.touchstart = function(data){
-			
+
 			this.isdown = true;
 			this.setTexture(textureButtonDown);
 			this.alpha = 1;
 		}
-		
+
 		// set the mouseup and touchend callback..
 		button.mouseup = button.touchend = button.mouseupoutside = button.touchendoutside = function(data){
 			this.isdown = false;
-			
+
 			if(this.isOver)
 			{
 				this.setTexture(textureButtonOver);
@@ -93,82 +93,82 @@
 				this.setTexture(textureButton);
 			}
 		}
-		
+
 		// set the mouseover callback..
 		button.mouseover = function(data){
-			
+
 			this.isOver = true;
-			
+
 			if(this.isdown)return
-			
+
 			this.setTexture(textureButtonOver)
 		}
-		
+
 		// set the mouseout callback..
 		button.mouseout = function(data){
-			
+
 			this.isOver = false;
 			if(this.isdown)return
 			this.setTexture(textureButton)
 		}
-		
+
 		button.click = function(data){
 			// click!
 			console.log("CLICK!");
 		//	alert("CLICK!")
 		}
-		
+
 		button.tap = function(data){
 			// click!
 			console.log("TAP!!");
 			//this.alpha = 0.5;
 		}
-		
+
 		// add it to the stage
 		stage.addChild(button);
-		
+
 		// add button to array
 		buttons.push(button);
 	};
-	
+
 	// set some silly values..
-	
+
 	buttons[0].scale.x = 1.2;
-	 
+
 	buttons[1].scale.y = 1.2;
-	  
+
 	buttons[2].rotation = Math.PI/10;
-	
+
 	buttons[3].scale.x = 0.8;
 	buttons[3].scale.y = 0.8;
-	
+
 	buttons[4].scale.x = 0.8;
 	buttons[4].scale.y = 1.2;
 	buttons[4].rotation = Math.PI;
-	// var button1 = 
+	// var button1 =
 	function animate() {
-	
+
 	    requestAnimFrame( animate );
-	    // render the stage   
-	    
+	    // render the stage
+
 	    // do a test..
-	   	
+
 	    renderer.render(stage);
 	}
-	
+
 	// add a logo!
 	var pixiLogo = PIXI.Sprite.fromImage("pixi.png");
 	stage.addChild(pixiLogo);
-	
+
 	pixiLogo.position.x = 620 - 56;
 	pixiLogo.position.y = 400- 32;
-	
+
 	pixiLogo.setInteractive(true);
-	
+
 	pixiLogo.click = pixiLogo.tap = function(){
-		
+
 		var win=window.open("https://github.com/GoodBoyDigital/pixi.js", '_blank');
-		
+
 	}
 	</script>
 
diff --git a/examples/example 6 - Interactivity/pixi.js b/examples/example 6 - Interactivity/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 6 - Interactivity/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 7 - Transparent Background/index.html b/examples/example 7 - Transparent Background/index.html
index 5fbdf00..f573de6 100644
--- a/examples/example 7 - Transparent Background/index.html	
+++ b/examples/example 7 - Transparent Background/index.html	
@@ -8,12 +8,12 @@
 			padding: 0;
 			background-color: #FFFFFF;
 		}
-		
+
 		.textHolder{
 			width: 400px;
 		}
 	</style>
-	<script src="pixi.js"></script>
+	<script src="../../bin/pixi.dev.js"></script>
 	<script src="../../src/pixi/renderers/WebGLRenderer.js"></script>
 </head>
 <body>
@@ -27,43 +27,43 @@
 	   blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
 	    blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0x66FF99);
-	
+
 	// create a renderer instance
 	var renderer = PIXI.autoDetectRenderer(400, 300, null, true);
-	
+
 	// add the renderer view element to the DOM
 	document.body.appendChild(renderer.view);
 	renderer.view.style.position = "absolute";
 	renderer.view.style.top = "0px";
 	renderer.view.style.left = "0px";
 	requestAnimFrame( animate );
-	
+
 	// create a texture from an image path
 	var texture = PIXI.Texture.fromImage("bunny.png");
 	// create a new Sprite using the texture
 	var bunny = new PIXI.Sprite(texture);
-	
+
 	// center the sprites anchor point
 	bunny.anchor.x = 0.5;
 	bunny.anchor.y = 0.5;
-	
+
 	// move the sprite t the center of the screen
 	bunny.position.x = 200;
 	bunny.position.y = 150;
-	
+
 	stage.addChild(bunny);
-	
+
 	function animate() {
-	
+
 	    requestAnimFrame( animate );
-	
+
 	    // just for fun, lets rotate mr rabbit a little
 	    bunny.rotation += 0.1;
-		
-	    // render the stage   
+
+	    // render the stage
 	    renderer.render(stage);
 	}
 
diff --git a/examples/example 7 - Transparent Background/pixi.js b/examples/example 7 - Transparent Background/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 7 - Transparent Background/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 8 - Dragging/index.html b/examples/example 8 - Dragging/index.html
index fffb17b..cd22c6d 100644
--- a/examples/example 8 - Dragging/index.html	
+++ b/examples/example 8 - Dragging/index.html	
@@ -7,60 +7,63 @@
 			margin: 0;
 			padding: 0;
 			background-color: #FFFFFF;
-			
+
 		}
-		
+
 		.textHolder{
 			width: 400px;
 		}
 	</style>
-	<script src="pixi.js"></script>
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0x97c56e, true);
-	
+
 	// create a renderer instance
 	var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight, null);
-	
+
 	// add the renderer view element to the DOM
 	document.body.appendChild(renderer.view);
 	renderer.view.style.position = "absolute";
 	renderer.view.style.top = "0px";
 	renderer.view.style.left = "0px";
 	requestAnimFrame( animate );
-	
+
 	// create a texture from an image path
 	var texture = PIXI.Texture.fromImage("bunny.png");
-	
-	for (var i=0; i < 10; i++) 
+
+	for (var i=0; i < 10; i++)
 	{
 		createBunny(Math.random() * window.innerWidth, Math.random() * window.innerHeight)
 	};
-	
-	
+
+
 	function createBunny(x, y)
 	{
 		// create our little bunny friend..
 		var bunny = new PIXI.Sprite(texture);
 		//	bunny.width = 300;
-		// enable the bunny to be interactive.. this will allow it to respond to mouse and touch events		
+		// enable the bunny to be interactive.. this will allow it to respond to mouse and touch events
 		bunny.interactive = true;
 		// this button mode will mean the hand cursor appears when you rollover the bunny with your mouse
 		bunny.buttonMode = true;
-		
+
 		// center the bunnys anchor point
 		bunny.anchor.x = 0.5;
 		bunny.anchor.y = 0.5;
 		// make it a bit bigger, so its easier to touch
 		bunny.scale.x = bunny.scale.y = 3;
-		
-		
+
+
 		// use the mousedown and touchstart
 		bunny.mousedown = bunny.touchstart = function(data)
 		{
+			// stop the default event...
+			data.originalEvent.preventDefault();
+
 			// store a refference to the data
 			// The reason for this is because of multitouch
 			// we want to track the movement of this particular touch
@@ -68,7 +71,7 @@
 			this.alpha = 0.9;
 			this.dragging = true;
 		};
-		
+
 		// set the events for when the mouse is released or a touch is released
 		bunny.mouseup = bunny.mouseupoutside = bunny.touchend = bunny.touchendoutside = function(data)
 		{
@@ -77,7 +80,7 @@
 			// set the interaction data to null
 			this.data = null;
 		};
-		
+
 		// set the callbacks for when the mouse or a touch moves
 		bunny.mousemove = bunny.touchmove = function(data)
 		{
@@ -89,22 +92,22 @@
 				this.position.y = newPosition.y;
 			}
 		}
-		
+
 		// move the sprite to its designated position
 		bunny.position.x = x;
 		bunny.position.y = y;
-		
+
 		// add it to the stage
 		stage.addChild(bunny);
 	}
-	
+
 	function animate() {
-	
+
 	    requestAnimFrame( animate );
-	
+
 	    // just for fun, lets rotate mr rabbit a little
 		//stage.interactionManager.update();
-	    // render the stage   
+	    // render the stage
 	    renderer.render(stage);
 	}
 
diff --git a/examples/example 8 - Dragging/pixi.js b/examples/example 8 - Dragging/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 8 - Dragging/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/examples/example 9 - Tiling Texture/index.html b/examples/example 9 - Tiling Texture/index.html
index 3e64f4d..66e589b 100644
--- a/examples/example 9 - Tiling Texture/index.html	
+++ b/examples/example 9 - Tiling Texture/index.html	
@@ -7,58 +7,58 @@
 			margin: 0;
 			padding: 0;
 			background-color: #FFFFFF;
-			
+
 		}
-		
+
 		.textHolder{
 			width: 400px;
 		}
 	</style>
-	<script src="pixi.js"></script>
+	<script src="../../bin/pixi.dev.js"></script>
 </head>
 <body>
 	<script>
-	
+
 	// create an new instance of a pixi stage
 	var stage = new PIXI.Stage(0x97c56e, true);
-	
+
 	// create a renderer instance
 	var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight, null);
-	
+
 	// add the renderer view element to the DOM
 	document.body.appendChild(renderer.view);
 	renderer.view.style.position = "absolute";
 	renderer.view.style.top = "0px";
 	renderer.view.style.left = "0px";
 	requestAnimFrame( animate );
-	
+
 	// create a texture from an image path
 	var texture = PIXI.Texture.fromImage("p2.jpeg");
-	
+
 	// create a tiling sprite..
 	// requires a texture, width and height
 	// to work in webGL the texture size must be a power of two
 	var tilingSprite = new PIXI.TilingSprite(texture, window.innerWidth, window.innerHeight)
-	
+
 	var count = 0;
-	
+
 	stage.addChild(tilingSprite);
 
 	function animate() {
-	
+
 	    requestAnimFrame( animate );
-		
-		
+
+
 		count += 0.005
 		tilingSprite.tileScale.x = 2 + Math.sin(count);
 		tilingSprite.tileScale.y = 2 + Math.cos(count);
-		
+
 		tilingSprite.tilePosition.x += 1;
 		tilingSprite.tilePosition.y += 1;
-		
+
 	    // just for fun, lets rotate mr rabbit a little
 		//stage.interactionManager.update();
-	    // render the stage   
+	    // render the stage
 	    renderer.render(stage);
 	}
 
diff --git a/examples/example 9 - Tiling Texture/pixi.js b/examples/example 9 - Tiling Texture/pixi.js
deleted file mode 100644
index a6e7055..0000000
--- a/examples/example 9 - Tiling Texture/pixi.js	
+++ /dev/null
@@ -1,10438 +0,0 @@
-/**
- * @license
- * Pixi.JS - v1.3.0
- * Copyright (c) 2012, Mat Groves
- * http://goodboydigital.com/
- *
- * Compiled: 2013-07-24
- *
- * Pixi.JS is licensed under the MIT License.
- * http://www.opensource.org/licenses/mit-license.php
- */
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-(function(){
-
-	var root = this;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- */
-PIXI.Point = function(x, y)
-{
-	/**
-	 * @property x 
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
-	return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * 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} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
-	/**
-	 * @property x
-	 * @type Number
-	 * @default 0
-	 */
-	this.x = x || 0;
-	
-	/**
-	 * @property y
-	 * @type Number
-	 * @default 0
-	 */
-	this.y = y || 0;
-	
-	/**
-	 * @property width
-	 * @type Number
-	 * @default 0
-	 */
-	this.width = width || 0;
-	
-	/**
-	 * @property height
-	 * @type Number
-	 * @default 0
-	 */
-	this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
-	return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
-	{
-		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
-		{
-			return true;
-		}
-	}
-
-	return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault <adrien.brault@gmail.com>
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
- *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- *      Numbers.
- */
-PIXI.Polygon = function(points)
-{
-    //if points isn't an array, use arguments as the array
-    if(!(points instanceof Array))
-        points = Array.prototype.slice.call(arguments);
-
-    //if this is a flat array of numbers, convert it to points
-    if(typeof points[0] === 'number') {
-        var p = [];
-        for(var i = 0, il = points.length; i < il; i+=2) {
-            p.push(
-                new PIXI.Point(points[i], points[i + 1])
-            );
-        }
-
-        points = p;
-    }
-
-	this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
-	var points = [];
-	for (var i=0; i<this.points.length; i++) {
-		points.push(this.points[i].clone());
-	}
-
-	return new PIXI.Polygon(points);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this polygon
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Polygon.prototype.contains = function(x, y)
-{
-    var inside = false;
-
-    // use some raycasting to test hits
-    // https://github.com/substack/point-in-polygon/blob/master/index.js
-    for(var i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {
-        var xi = this.points[i].x, yi = this.points[i].y,
-            xj = this.points[j].x, yj = this.points[j].y,
-            intersect = ((yi > y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
-        if(intersect) inside = !inside;
-    }
-
-    return inside;
-}
-
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Circle object can be used to specify a hit area for displayobjects
- *
- * @class Circle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this circle
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Circle = function(x, y, radius)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-
-    /**
-     * @property radius
-     * @type Number
-     * @default 0
-     */
-    this.radius = radius || 0;
-}
-
-/**
- * Creates a clone of this Circle instance
- *
- * @method clone
- * @return {Circle} a copy of the polygon
- */
-PIXI.Circle.prototype.clone = function()
-{
-    return new PIXI.Circle(this.x, this.y, this.radius);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this circle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this polygon
- */
-PIXI.Circle.prototype.contains = function(x, y)
-{
-    if(this.radius <= 0)
-        return false;
-
-    var dx = (this.x - x),
-        dy = (this.y - y),
-        r2 = this.radius * this.radius;
-
-    dx *= dx;
-    dy *= dy;
-
-    return (dx + dy <= r2);
-}
-
-PIXI.Circle.prototype.constructor = PIXI.Circle;
-
-
-/**
- * @author Chad Engler <chad@pantherdev.com>
- */
-
-/**
- * The Ellipse object can be used to specify a hit area for displayobjects
- *
- * @class Ellipse
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
- * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
- */
-PIXI.Ellipse = function(x, y, width, height)
-{
-    /**
-     * @property x
-     * @type Number
-     * @default 0
-     */
-    this.x = x || 0;
-    
-    /**
-     * @property y
-     * @type Number
-     * @default 0
-     */
-    this.y = y || 0;
-    
-    /**
-     * @property width
-     * @type Number
-     * @default 0
-     */
-    this.width = width || 0;
-    
-    /**
-     * @property height
-     * @type Number
-     * @default 0
-     */
-    this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Ellipse instance
- *
- * @method clone
- * @return {Ellipse} a copy of the ellipse
- */
-PIXI.Ellipse.prototype.clone = function()
-{
-    return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this ellipse
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this ellipse
- */
-PIXI.Ellipse.prototype.contains = function(x, y)
-{
-    if(this.width <= 0 || this.height <= 0)
-        return false;
-
-    //normalize the coords to an ellipse with center 0,0
-    //and a radius of 0.5
-    var normx = ((x - this.x) / this.width) - 0.5,
-        normy = ((y - this.y) / this.height) - 0.5;
-
-    normx *= normx;
-    normy *= normy;
-
-    return (normx + normy < 0.25);
-}
-
-PIXI.Ellipse.getBounds = function()
-{
-    return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
-    PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
-    return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 1;
-	matrix[5] = 0;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 1;
-	
-	return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
-	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
-	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
-	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
-	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
-	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
-	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
-	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
-	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
-	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
-	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
-	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
-	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
-	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
-	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
-	return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
-	var matrix = new PIXI.Matrix(9);
-
-	matrix[0] = mat[0];
-	matrix[1] = mat[1];
-	matrix[2] = mat[2];
-	matrix[3] = mat[3];
-	matrix[4] = mat[4];
-	matrix[5] = mat[5];
-	matrix[6] = mat[6];
-	matrix[7] = mat[7];
-	matrix[8] = mat[8];
-	
-	return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest) 
-{
- 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-    if (!dest || mat === dest) {
-        var a01 = mat[1], a02 = mat[2],
-            a12 = mat[5];
-
-        mat[1] = mat[3];
-        mat[2] = mat[6];
-        mat[3] = a01;
-        mat[5] = mat[7];
-        mat[6] = a02;
-        mat[7] = a12;
-        return mat;
-    }
-
-    dest[0] = mat[0];
-    dest[1] = mat[3];
-    dest[2] = mat[6];
-    dest[3] = mat[1];
-    dest[4] = mat[4];
-    dest[5] = mat[7];
-    dest[6] = mat[2];
-    dest[7] = mat[5];
-    dest[8] = mat[8];
-    return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest) 
-{
-	if (!dest) { dest = PIXI.mat4.create(); }
-	
-	dest[15] = 1;
-	dest[14] = 0;
-	dest[13] = 0;
-	dest[12] = 0;
-	
-	dest[11] = 0;
-	dest[10] = mat[8];
-	dest[9] = mat[7];
-	dest[8] = mat[6];
-	
-	dest[7] = 0;
-	dest[6] = mat[5];
-	dest[5] = mat[4];
-	dest[4] = mat[3];
-	
-	dest[3] = 0;
-	dest[2] = mat[2];
-	dest[1] = mat[1];
-	dest[0] = mat[0];
-	
-	return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
-	var matrix = new PIXI.Matrix(16);
-
-	matrix[0] = 1;
-	matrix[1] = 0;
-	matrix[2] = 0;
-	matrix[3] = 0;
-	matrix[4] = 0;
-	matrix[5] = 1;
-	matrix[6] = 0;
-	matrix[7] = 0;
-	matrix[8] = 0;
-	matrix[9] = 0;
-	matrix[10] = 1;
-	matrix[11] = 0;
-	matrix[12] = 0;
-	matrix[13] = 0;
-	matrix[14] = 0;
-	matrix[15] = 1;
-	
-	return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest) 
-{
-	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
-	{
-	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
-	        a12 = mat[6], a13 = mat[7],
-	        a23 = mat[11];
-	
-	    mat[1] = mat[4];
-	    mat[2] = mat[8];
-	    mat[3] = mat[12];
-	    mat[4] = a01;
-	    mat[6] = mat[9];
-	    mat[7] = mat[13];
-	    mat[8] = a02;
-	    mat[9] = a12;
-	    mat[11] = mat[14];
-	    mat[12] = a03;
-	    mat[13] = a13;
-	    mat[14] = a23;
-	    return mat;
-	}
-	
-	dest[0] = mat[0];
-	dest[1] = mat[4];
-	dest[2] = mat[8];
-	dest[3] = mat[12];
-	dest[4] = mat[1];
-	dest[5] = mat[5];
-	dest[6] = mat[9];
-	dest[7] = mat[13];
-	dest[8] = mat[2];
-	dest[9] = mat[6];
-	dest[10] = mat[10];
-	dest[11] = mat[14];
-	dest[12] = mat[3];
-	dest[13] = mat[7];
-	dest[14] = mat[11];
-	dest[15] = mat[15];
-	return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest) 
-{
-	if (!dest) { dest = mat; }
-	
-	// Cache the matrix values (makes for huge speed increases!)
-	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
-	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
-	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
-	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
-	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
-    dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[4];
-    b1 = mat2[5];
-    b2 = mat2[6];
-    b3 = mat2[7];
-    dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[8];
-    b1 = mat2[9];
-    b2 = mat2[10];
-    b3 = mat2[11];
-    dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = mat2[12];
-    b1 = mat2[13];
-    b2 = mat2[14];
-    b3 = mat2[15];
-    dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
-	this.last = this;
-	this.first = this;
-
-	/**
-	 * 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 pivot point of the displayObject that it rotates around
-	 *
-	 * @property pivot
-	 * @type Point
-	 */
-	this.pivot = new PIXI.Point(0,0);
-
-	/**
-	 * 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.
-	 *
-	 * @property visible
-	 * @type Boolean
-	 */	
-	this.visible = true;
-
-	/**
-	 * This is the defined area that will pick up mouse / touch events. It is null by default.
-	 * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
-	 *
-	 * @property hitArea
-	 * @type Rectangle|Circle|Ellipse|Polygon
-	 */	
-	this.hitArea = null;
-
-	/**
-	 * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
-	 *
-	 * @property buttonMode
-	 * @type Boolean
-	 */
-	this.buttonMode = false;
-
-	/**
-	 * Can this object be rendered
-	 *
-	 * @property renderable
-	 * @type Boolean
-	 */
-	this.renderable = false;
-
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
-	/**
-	 * [read-only] The display object container that contains this display object.
-	 *
-	 * @property parent
-	 * @type DisplayObjectContainer
-	 * @readOnly
-	 */	
-	this.parent = null;
-
-	/**
-	 * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
-	 *
-	 * @property stage
-	 * @type Stage
-	 * @readOnly
-	 */	
-	this.stage = null;
-
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
-	/**
-	 * [read-only] The multiplied alpha of the displayobject
-	 *
-	 * @property worldAlpha
-	 * @type Number
-	 * @readOnly
-	 */
-	this.worldAlpha = 1;
-
-	/**
-	 * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
-	 *
-	 * @property _interactive
-	 * @type Boolean
-	 * @readOnly
-	 * @private
-	 */
-	this._interactive = false;
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [read-only] Current transform of the object locally
-	 *
-	 * @property localTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.localTransform = PIXI.mat3.create()//mat3.identity();
-
-	/**
-	 * [NYI] Unkown
-	 *
-	 * @property color
-	 * @type Array<>
-	 * @private
-	 */
-	this.color = [];
-
-	/**
-	 * [NYI] Holds whether or not this object is dynamic, for rendering optimization
-	 *
-	 * @property dynamic
-	 * @type Boolean
-	 * @private
-	 */
-	this.dynamic = true;
-
-	// chach that puppy!
-	this._sr = 0;
-	this._cr = 1;
-
-	/*
-	 * MOUSE Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users clicks on the displayObject with their mouse
-	 * @method click
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user clicks the mouse down over the sprite
-	 * @method mousedown
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject
-	 * for this callback to be fired the mouse must have been pressed down over the displayObject
-	 * @method mouseup
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
-	 * for this callback to be fired, The touch must have started over the displayObject
-	 * @method mouseupoutside
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse rolls over the displayObject
-	 * @method mouseover
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the users mouse leaves the displayObject
-	 * @method mouseout
-	 * @param interactionData {InteractionData}
-	 */
-
-
-	/*
-	 * TOUCH Callbacks
-	 */
-
-	/**
-	 * A callback that is used when the users taps on the sprite with their finger
-	 * basically a touch version of click
-	 * @method tap
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user touch's over the displayObject
-	 * @method touchstart
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases a touch over the displayObject
-	 * @method touchend
-	 * @param interactionData {InteractionData}
-	 */
-
-	/**
-	 * A callback that is used when the user releases the touch that was over the displayObject
-	 * for this callback to be fired, The touch must have started over the sprite
-	 * @method touchendoutside
-	 * @param interactionData {InteractionData}
-	 */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
-	this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
-    get: function() {
-        return this._interactive;
-    },
-    set: function(value) {
-    	this._interactive = value;
-    	
-    	// TODO more to be done here..
-		// need to sort out a re-crawl!
-		if(this.stage)this.stage.dirty = true;
-    }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
-    get: function() {
-        return this._mask;
-    },
-    set: function(value) {
-    	
-        this._mask = value;
-        
-        if(value)
-        {
-	        this.addFilter(value)
-        }
-        else
-        {
-        	 this.removeFilter();
-        }
-    }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
-{
-	if(this.filter)return;
-	this.filter = true;
-	
-	
-	// insert a filter block..
-	var start = new PIXI.FilterBlock();
-	var end = new PIXI.FilterBlock();
-	
-	
-	start.mask = mask;
-	end.mask = mask;
-	
-	start.first = start.last =  this;
-	end.first = end.last = this;
-	
-	start.open = true;
-	
-	/*
-	 * 
-	 * insert start
-	 * 
-	 */
-	
-	var childFirst = start
-	var childLast = start
-	var nextObject;
-	var previousObject;
-		
-	previousObject = this.first._iPrev;
-	
-	if(previousObject)
-	{
-		nextObject = previousObject._iNext;
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-	}
-	else
-	{
-		nextObject = this;
-	}	
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	
-	// now insert the end filter block..
-	
-	/*
-	 * 
-	 * insert end filter
-	 * 
-	 */
-	var childFirst = end
-	var childLast = end
-	var nextObject = null;
-	var previousObject = null;
-		
-	previousObject = this.last;
-	nextObject = previousObject._iNext;
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;	
-	
-	var updateLast = this;
-	
-	var prevLast = this.last;
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = end;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	this.first = start;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.addFilterBlocks(start, end);
-	}
-	
-	mask.renderable = false;
-	
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function()
-{
-	if(!this.filter)return;
-	this.filter = false;
-	
-	// modify the list..
-	var startBlock = this.first;
-	
-	var nextObject = startBlock._iNext;
-	var previousObject = startBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	if(previousObject)previousObject._iNext = nextObject;		
-	
-	this.first = startBlock._iNext;
-	
-	
-	// remove the end filter
-	var lastBlock = this.last;
-	
-	var nextObject = lastBlock._iNext;
-	var previousObject = lastBlock._iPrev;
-		
-	if(nextObject)nextObject._iPrev = previousObject;
-	previousObject._iNext = nextObject;		
-	
-	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
-	var tempLast =  lastBlock._iPrev;	
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	while(updateLast.last == lastBlock)
-	{
-		updateLast.last = tempLast;
-		updateLast = updateLast.parent;
-		if(!updateLast)break;
-	}
-	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
-	// if webGL...
-	if(this.__renderGroup)
-	{
-		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
-	}
-	//}
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
-	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
-	{
-		this.rotationCache = this.rotation;
-		this._sr =  Math.sin(this.rotation);
-		this._cr =  Math.cos(this.rotation);
-	}	
-	
-	var localTransform = this.localTransform;
-	var parentTransform = this.parent.worldTransform;
-	var worldTransform = this.worldTransform;
-	//console.log(localTransform)
-	localTransform[0] = this._cr * this.scale.x;
-	localTransform[1] = -this._sr * this.scale.y
-	localTransform[3] = this._sr * this.scale.x;
-	localTransform[4] = this._cr * this.scale.y;
-	
-	// TODO --> do we even need a local matrix???
-	
-	var px = this.pivot.x;
-	var py = this.pivot.y;
-   	
-    // Cache the matrix values (makes for huge speed increases!)
-    var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
-        a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
-        b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
-        b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
-	localTransform[2] = a02
-	localTransform[5] = a12
-	
-    worldTransform[0] = b00 * a00 + b01 * a10;
-    worldTransform[1] = b00 * a01 + b01 * a11;
-    worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
-    worldTransform[3] = b10 * a00 + b11 * a10;
-    worldTransform[4] = b10 * a01 + b11 * a11;
-    worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
-	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
-	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
-	this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * 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
- */
-PIXI.DisplayObjectContainer = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-	/**
-	 * [read-only] The of children of this container.
-	 *
-	 * @property children
-	 * @type Array<DisplayObject>
-	 * @readOnly
-	 */	
-	this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
-	if(child.parent != undefined)
-	{
-		
-		//// COULD BE THIS???
-		child.parent.removeChild(child);
-	//	return;
-	}
-
-	child.parent = this;
-	child.childIndex = this.children.length;
-	
-	this.children.push(child);	
-	
-	// updae the stage refference..
-	
-	if(this.stage)
-	{
-		var tmpChild = child;
-		do
-		{
-			if(tmpChild.interactive)this.stage.dirty = true;
-			tmpChild.stage = this.stage;
-			tmpChild = tmpChild._iNext;
-		}	
-		while(tmpChild)
-	}
-	
-	// LINKED LIST //
-	
-	// modify the list..
-	var childFirst = child.first
-	var childLast = child.last;
-	var nextObject;
-	var previousObject;
-	
-	// this could be wrong if there is a filter??
-	if(this.filter)
-	{
-		previousObject =  this.last._iPrev;
-	}
-	else
-	{
-		previousObject = this.last;
-	}
-
-	nextObject = previousObject._iNext;
-	
-	// always true in this case
-	//this.last = child.last;
-	// need to make sure the parents last is updated too
-	var updateLast = this;
-	var prevLast = previousObject;
-	
-	while(updateLast)
-	{
-		if(updateLast.last == prevLast)
-		{
-			updateLast.last = child.last;
-		}
-		updateLast = updateLast.parent;
-	}
-	
-	if(nextObject)
-	{
-		nextObject._iPrev = childLast;
-		childLast._iNext = nextObject;
-	}
-	
-	childFirst._iPrev = previousObject;
-	previousObject._iNext = childFirst;		
-
-	// need to remove any render groups..
-	if(this.__renderGroup)
-	{
-		// being used by a renderTexture.. if it exists then it must be from a render texture;
-		if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-		// add them to the new render group..
-		this.__renderGroup.addDisplayObjectAndChildren(child);
-	}
-	
-}
-
-/**
- * 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 child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
-	if(index >= 0 && index <= this.children.length)
-	{
-		if(child.parent != undefined)
-		{
-			child.parent.removeChild(child);
-		}
-		child.parent = this;
-		
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = this.stage;
-				tmpChild = tmpChild._iNext;
-			}
-			while(tmpChild)
-		}
-		
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		var nextObject;
-		var previousObject;
-		
-		if(index == this.children.length)
-		{
-			previousObject =  this.last;
-			var updateLast = this;//.parent;
-			var prevLast = this.last;
-			while(updateLast)
-			{
-				if(updateLast.last == prevLast)
-				{
-					updateLast.last = child.last;
-				}
-				updateLast = updateLast.parent;
-			}
-		}
-		else if(index == 0)
-		{
-			previousObject = this;
-		}
-		else
-		{
-			previousObject = this.children[index-1].last;
-		}
-		
-		nextObject = previousObject._iNext;
-		
-		// always true in this case
-		if(nextObject)
-		{
-			nextObject._iPrev = childLast;
-			childLast._iNext = nextObject;
-		}
-		
-		childFirst._iPrev = previousObject;
-		previousObject._iNext = childFirst;		
-
-		this.children.splice(index, 0, child);
-		// need to remove any render groups..
-		if(this.__renderGroup)
-		{
-			// being used by a renderTexture.. if it exists then it must be from a render texture;
-			if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
-			// add them to the new render group..
-			this.__renderGroup.addDisplayObjectAndChildren(child);
-		}
-		
-	}
-	else
-	{
-		throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
-	}
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
-	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
-	
-	if ( index !== -1 && index2 !== -1 ) 
-	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
-	if(index >= 0 && index < this.children.length)
-	{
-		return this.children[index];
-	}
-	else
-	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
-	var index = this.children.indexOf( child );
-	if ( index !== -1 ) 
-	{
-		// unlink //
-		// modify the list..
-		var childFirst = child.first
-		var childLast = child.last;
-		
-		var nextObject = childLast._iNext;
-		var previousObject = childFirst._iPrev;
-			
-		if(nextObject)nextObject._iPrev = previousObject;
-		previousObject._iNext = nextObject;		
-		
-		if(this.last == childLast)
-		{
-			var tempLast =  childFirst._iPrev;	
-			// need to make sure the parents last is updated too
-			var updateLast = this;
-			while(updateLast.last == childLast.last)
-			{
-				updateLast.last = tempLast;
-				updateLast = updateLast.parent;
-				if(!updateLast)break;
-			}
-		}
-		
-		childLast._iNext = null;
-		childFirst._iPrev = null;
-		 
-		// update the stage reference..
-		if(this.stage)
-		{
-			var tmpChild = child;
-			do
-			{
-				if(tmpChild.interactive)this.stage.dirty = true;
-				tmpChild.stage = null;
-				tmpChild = tmpChild._iNext;
-			}	
-			while(tmpChild)
-		}
-	
-		// webGL trim
-		if(child.__renderGroup)
-		{
-			child.__renderGroup.removeDisplayObjectAndChildren(child);
-		}
-		
-		child.parent = undefined;
-		this.children.splice( index, 1 );
-	}
-	else
-	{
-		throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
-	}
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
-	if(!this.visible)return;
-	
-	PIXI.DisplayObject.prototype.updateTransform.call( this );
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.blendModes = {};
-PIXI.blendModes.NORMAL = 0;
-PIXI.blendModes.SCREEN = 1;
-
-
-/**
- * The SPrite object is the base for all textured objects that are rendered to the screen
- *
- * @class Sprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} The texture for this sprite
- * @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
-	 *
-     * @property anchor
-     * @type Point
-     */
-	this.anchor = new PIXI.Point();
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The blend mode of sprite.
-	 * currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN
-	 *
-	 * @property blendMode
-	 * @type Number
-	 */
-	this.blendMode = PIXI.blendModes.NORMAL;
-
-	/**
-	 * The width of the sprite (this is initially set by the texture)
-	 *
-	 * @property _width
-	 * @type Number
-	 * @private
-	 */
-	this._width = 0;
-
-	/**
-	 * The height of the sprite (this is initially set by the texture)
-	 *
-	 * @property _height
-	 * @type Number
-	 * @private
-	 */
-	this._height = 0;
-
-	if(texture.baseTexture.hasLoaded)
-	{
-		this.updateFrame = true;
-	}
-	else
-	{
-		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
-		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
-	}
-
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Sprite.prototype.constructor = PIXI.Sprite;
-
-/**
- * The width of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property width
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'width', {
-    get: function() {
-        return this.scale.x * this.texture.frame.width;
-    },
-    set: function(value) {
-    	this.scale.x = value / this.texture.frame.width
-        this._width = value;
-    }
-});
-
-/**
- * The height of the sprite, setting this will actually modify the scale to acheive the value set
- *
- * @property height
- * @type Number
- */
-Object.defineProperty(PIXI.Sprite.prototype, 'height', {
-    get: function() {
-        return  this.scale.y * this.texture.frame.height;
-    },
-    set: function(value) {
-    	this.scale.y = value / this.texture.frame.height
-        this._height = value;
-    }
-});
-
-/**
- * Sets the texture of the sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.Sprite.prototype.setTexture = function(texture)
-{
-	// stop current texture;
-	if(this.texture.baseTexture != texture.baseTexture)
-	{
-		this.textureChange = true;	
-	}
-	
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the scale and frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.Sprite.prototype.onTextureUpdate = function(event)
-{
-	//this.texture.removeEventListener( 'update', this.onTextureUpdateBind );
-	
-	// so if _width is 0 then width was not set..
-	if(this._width)this.scale.x = this._width / this.texture.frame.width;
-	if(this._height)this.scale.y = this._height / this.texture.frame.height;
-	
-	this.updateFrame = true;
-}
-
-// some helper functions..
-
-/**
- * 
- * Helper function that creates a sprite that will contain a texture from the TextureCache based on the 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
- */
-PIXI.Sprite.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache" + this);
-	return new PIXI.Sprite(texture);
-}
-
-/**
- * 
- * 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 imageId {String} The image url of the texture
- * @return {Sprite} A new Sprite using a texture from the texture cache matching the image id
- */
-PIXI.Sprite.fromImage = function(imageId)
-{
-	var texture = PIXI.Texture.fromImage(imageId);
-	return new PIXI.Sprite(texture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A MovieClip is a simple way to display an animation depicted by a list of textures.
- *
- * @class MovieClip
- * @extends Sprite
- * @constructor
- * @param textures {Array<Texture>} an array of {Texture} objects that make up the animation
- */
-PIXI.MovieClip = function(textures)
-{
-	PIXI.Sprite.call(this, textures[0]);
-	
-	/**
-	 * The array of textures that make up the animation
-	 *
-	 * @property textures
-	 * @type Array
-	 */
-	this.textures = textures;
-	
-	/**
-	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
-	 *
-	 * @property animationSpeed
-	 * @type Number
-	 * @default 1
-	 */
-	this.animationSpeed = 1;
-
-	/**
-	 * Whether or not the movie clip repeats after playing.
-	 *
-	 * @property loop
-	 * @type Boolean
-	 * @default true
-	 */
-	this.loop = true;
-
-	/**
-	 * Function to call when a MovieClip finishes playing
-	 *
-	 * @property onComplete
-	 * @type Function
-	 */
-	this.onComplete = null;
-	
-	/**
-	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
-	 *
-	 * @property currentFrame
-	 * @type Number
-	 * @default 0
-	 * @readOnly
-	 */
-	this.currentFrame = 0; 
-	
-	/**
-	 * [read-only] Indicates if the MovieClip is currently playing
-	 *
-	 * @property playing
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.playing = false;
-}
-
-// constructor
-PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
-PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
-
-/**
- * Stops the MovieClip
- *
- * @method stop
- */
-PIXI.MovieClip.prototype.stop = function()
-{
-	this.playing = false;
-}
-
-/**
- * Plays the MovieClip
- *
- * @method play
- */
-PIXI.MovieClip.prototype.play = function()
-{
-	this.playing = true;
-}
-
-/**
- * Stops the MovieClip and goes to a specific frame
- *
- * @method gotoAndStop
- * @param frameNumber {Number} frame index to stop at
- */
-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]);
-}
-
-/**
- * Goes to a specific frame and begins playing the MovieClip
- *
- * @method gotoAndPlay
- * @param frameNumber {Number} frame index to start at
- */
-PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
-{
-	this.currentFrame = frameNumber;
-	this.playing = true;
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-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;
-	if(this.loop || round < this.textures.length)
-	{
-		this.setTexture(this.textures[round % this.textures.length]);
-	}
-	else if(round >= this.textures.length)
-	{
-		this.gotoAndStop(this.textures.length - 1);
-		if(this.onComplete)
-		{
-			this.onComplete();
-		}
-	}
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function(mask)
-{
-	this.graphics = mask
-	this.visible = true;
-	this.renderable = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
-    this.canvas = document.createElement("canvas");
-    this.context = this.canvas.getContext("2d");
-    PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
-    this.setText(text);
-    this.setStyle(style);
-    
-    this.updateText();
-    this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.font = style.font || "bold 20pt Arial";
-    style.fill = style.fill || "black";
-    style.align = style.align || "left";
-    style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
-    style.strokeThickness = style.strokeThickness || 0;
-    style.wordWrap = style.wordWrap || false;
-    style.wordWrapWidth = style.wordWrapWidth || 100;
-    this.style = style;
-    this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Sprite.prototype.setText = function(text)
-{
-    this.text = text.toString() || " ";
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
-	this.context.font = this.style.font;
-	
-	var outputText = this.text;
-	
-	// word wrap
-	// preserve original text
-	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
-	//split text into lines
-	var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
-	//calculate text width
-	var lineWidths = [];
-	var maxLineWidth = 0;
-	for (var i = 0; i < lines.length; i++)
-	{
-		var lineWidth = this.context.measureText(lines[i]).width;
-		lineWidths[i] = lineWidth;
-		maxLineWidth = Math.max(maxLineWidth, lineWidth);
-	}
-	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
-	//calculate text height
-	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
-	this.canvas.height = lineHeight * lines.length;
-
-	//set canvas text styles
-	this.context.fillStyle = this.style.fill;
-	this.context.font = this.style.font;
-	
-	this.context.strokeStyle = this.style.stroke;
-	this.context.lineWidth = this.style.strokeThickness;
-
-	this.context.textBaseline = "top";
-
-	//draw lines line by line
-	for (i = 0; i < lines.length; i++)
-	{
-		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
-		if(this.style.align == "right")
-		{
-			linePosition.x += maxLineWidth - lineWidths[i];
-		}
-		else if(this.style.align == "center")
-		{
-			linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
-		}
-
-		if(this.style.stroke && this.style.strokeThickness)
-		{
-			this.context.strokeText(lines[i], linePosition.x, linePosition.y);
-		}
-
-		if(this.style.fill)
-		{
-			this.context.fillText(lines[i], linePosition.x, linePosition.y);
-		}
-	}
-	
-    this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
-    this.texture.baseTexture.width = this.canvas.width;
-    this.texture.baseTexture.height = this.canvas.height;
-    this.texture.frame.width = this.canvas.width;
-    this.texture.frame.height = this.canvas.height;
-    
-  	this._width = this.canvas.width;
-    this._height = this.canvas.height;
-	
-    PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-		this.updateText();	
-		this.dirty = false;
-	}
-	
-	PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
-{
-	// build a little reference dictionary so if the font style has been used return a
-	// cached version...
-	var result = PIXI.Text.heightCache[fontStyle];
-	
-	if(!result)
-	{
-		var body = document.getElementsByTagName("body")[0];
-		var dummy = document.createElement("div");
-		var dummyText = document.createTextNode("M");
-		dummy.appendChild(dummyText);
-		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
-		body.appendChild(dummy);
-		
-		result = dummy.offsetHeight;
-		PIXI.Text.heightCache[fontStyle] = result;
-		
-		body.removeChild(dummy);
-	}
-	
-	return result;
-};
-
-/**
- * A Text Object will apply wordwrap
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
-	var result = "";
-	var lines = text.split("\n");
-	for (var i = 0; i < lines.length; i++)
-	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
-	}
-	
-	return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
-	if(destroyTexture)
-	{
-		this.texture.destroy();
-	}
-		
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
-    PIXI.DisplayObjectContainer.call(this);
-
-    this.setText(text);
-    this.setStyle(style);
-    this.updateText();
-    this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
-    this.text = text || " ";
-    this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
-    style = style || {};
-    style.align = style.align || "left";
-    this.style = style;
-
-    var font = style.font.split(" ");
-    this.fontName = font[font.length - 1];
-    this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
-    this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
-    var data = PIXI.BitmapText.fonts[this.fontName];
-    var pos = new PIXI.Point();
-    var prevCharCode = null;
-    var chars = [];
-    var maxLineWidth = 0;
-    var lineWidths = [];
-    var line = 0;
-    var scale = this.fontSize / data.size;
-    for(var i = 0; i < this.text.length; i++)
-    {
-        var charCode = this.text.charCodeAt(i);
-        if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
-        {
-            lineWidths.push(pos.x);
-            maxLineWidth = Math.max(maxLineWidth, pos.x);
-            line++;
-
-            pos.x = 0;
-            pos.y += data.lineHeight;
-            prevCharCode = null;
-            continue;
-        }
-        
-        var charData = data.chars[charCode];
-        if(!charData) continue;
-
-        if(prevCharCode && charData[prevCharCode])
-        {
-           pos.x += charData.kerning[prevCharCode];
-        }
-        chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
-        pos.x += charData.xAdvance;
-
-        prevCharCode = charCode;
-    }
-
-    lineWidths.push(pos.x);
-    maxLineWidth = Math.max(maxLineWidth, pos.x);
-
-    var lineAlignOffsets = [];
-    for(i = 0; i <= line; i++)
-    {
-        var alignOffset = 0;
-        if(this.style.align == "right")
-        {
-            alignOffset = maxLineWidth - lineWidths[i];
-        }
-        else if(this.style.align == "center")
-        {
-            alignOffset = (maxLineWidth - lineWidths[i]) / 2;
-        }
-        lineAlignOffsets.push(alignOffset);
-    }
-
-    for(i = 0; i < chars.length; i++)
-    {
-        var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
-        c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
-        c.position.y = chars[i].position.y * scale;
-        c.scale.x = c.scale.y = scale;
-        this.addChild(c);
-    }
-
-    this.width = pos.x * scale;
-    this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
-	if(this.dirty)
-	{
-        while(this.children.length > 0)
-        {
-            this.removeChild(this.getChildAt(0));
-        }
-        this.updateText();
-
-        this.dirty = false;
-	}
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-/**
- * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
- * This manager also supports multitouch.
- *
- * @class InteractionManager
- * @constructor
- * @param stage {Stage} The stage to handle interactions
- */
-PIXI.InteractionManager = function(stage)
-{
-	/**
-	 * a refference to the stage
-	 *
-	 * @property stage
-	 * @type Stage
-	 */
-	this.stage = stage;
-
-	/**
-	 * the mouse data
-	 *
-	 * @property mouse
-	 * @type InteractionData
-	 */
-	this.mouse = new PIXI.InteractionData();
-
-	/**
-	 * an object that stores current touches (InteractionData) by id reference
-	 *
-	 * @property touchs
-	 * @type Object
-	 */
-	this.touchs = {};
-
-	// helpers
-	this.tempPoint = new PIXI.Point();
-	//this.tempMatrix =  mat3.create();
-
-	this.mouseoverEnabled = true;
-
-	//tiny little interactiveData pool!
-	this.pool = [];
-
-	this.interactiveItems = [];
-
-	this.last = 0;
-}
-
-// constructor
-PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
-
-/**
- * Collects an interactive sprite recursively to have their interactions managed
- *
- * @method collectInteractiveSprite
- * @param displayObject {DisplayObject} the displayObject to collect
- * @param iParent {DisplayObject}
- * @private
- */
-PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObject, iParent)
-{
-	var children = displayObject.children;
-	var length = children.length;
-	
-	/// make an interaction tree... {item.__interactiveParent}
-	for (var i = length-1; i >= 0; i--)
-	{
-		var child = children[i];
-		
-		if(child.visible) {
-			// push all interactive bits
-			if(child.interactive)
-			{
-				iParent.interactiveChildren = true;
-				//child.__iParent = iParent;
-				this.interactiveItems.push(child);
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, child);
-				}
-			}
-			else
-			{
-				child.__iParent = null;
-
-				if(child.children.length > 0)
-				{
-					this.collectInteractiveSprite(child, iParent);
-				}
-			}
-		}
-	}
-}
-
-/**
- * Sets the target for event delegation
- *
- * @method setTarget
- * @param target {WebGLRenderer|CanvasRenderer} the renderer to bind events to
- * @private
- */
-PIXI.InteractionManager.prototype.setTarget = function(target)
-{
-	if (window.navigator.msPointerEnabled) 
-	{
-		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
-    
-		// DO some window specific touch!
-	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
-}
-
-/**
- * updates the state of interactive objects
- *
- * @method update
- * @private
- */
-PIXI.InteractionManager.prototype.update = function()
-{
-	if(!this.target)return;
-	
-	// frequency of 30fps??
-	var now = Date.now();
-	var diff = now - this.last;
-	diff = (diff * 30) / 1000;
-	if(diff < 1)return;
-	this.last = now;
-	//
-	
-	// ok.. so mouse events??
-	// yes for now :)
-	// OPTIMSE - how often to check??
-	if(this.dirty)
-	{
-		this.dirty = false;
-		
-		var len = this.interactiveItems.length;
-		
-		for (var i=0; i < len; i++) {
-		  this.interactiveItems[i].interactiveChildren = false;
-		}
-		
-		this.interactiveItems = [];
-		
-		if(this.stage.interactive)this.interactiveItems.push(this.stage);
-		// go through and collect all the objects that are interactive..
-		this.collectInteractiveSprite(this.stage, this.stage);
-	}
-	
-	// loop through interactive objects!
-	var length = this.interactiveItems.length;
-	
-	this.target.view.style.cursor = "default";	
-				
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
-		
-		// OPTIMISATION - only calculate every time if the mousemove function exists..
-		// OK so.. does the object have any other interactive functions?
-		// hit-test the clip!
-		
-		
-		if(item.mouseover || item.mouseout || item.buttonMode)
-		{
-			// ok so there are some functions so lets hit test it..
-			item.__hit = this.hitTest(item, this.mouse);
-			this.mouse.target = item;
-			// ok so deal with interactions..
-			// loks like there was a hit!
-			if(item.__hit)
-			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
-				
-				if(!item.__isOver)
-				{
-					
-					if(item.mouseover)item.mouseover(this.mouse);
-					item.__isOver = true;	
-				}
-			}
-			else
-			{
-				if(item.__isOver)
-				{
-					// roll out!
-					if(item.mouseout)item.mouseout(this.mouse);
-					item.__isOver = false;	
-				}
-			}
-		}
-		
-		// --->
-	}
-}
-
-/**
- * Is called when the mouse moves accross the renderer element
- *
- * @method onMouseMove
- * @param event {Event} The DOM event of the mouse moving
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
-	
-	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
-	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
-	
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousemove)
-		{
-			//call the function!
-			item.mousemove(this.mouse);
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is pressed down on the renderer element
- *
- * @method onMouseDown
- * @param event {Event} The DOM event of a mouse button being pressed down
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseDown = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	// loop through inteaction tree...
-	// hit test each item! -> 
-	// get interactive items under point??
-	//stage.__i
-	var length = this.interactiveItems.length;
-	var global = this.mouse.global;
-	
-	var index = 0;
-	var parent = this.stage;
-	
-	// while 
-	// hit test 
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mousedown || item.click)
-		{
-			item.__mouseIsDown = true;
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit)
-			{
-				//call the function!
-				if(item.mousedown)item.mousedown(this.mouse);
-				item.__isDown = true;
-				
-				// just the one!
-				if(!item.interactiveChildren)break;
-			}
-		}
-	}
-}
-
-/**
- * Is called when the mouse button is released on the renderer element
- *
- * @method onMouseUp
- * @param event {Event} The DOM event of a mouse button being released
- * @private
- */
-PIXI.InteractionManager.prototype.onMouseUp = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var global = this.mouse.global;
-	
-	
-	var length = this.interactiveItems.length;
-	var up = false;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		
-		if(item.mouseup || item.mouseupoutside || item.click)
-		{
-			item.__hit = this.hitTest(item, this.mouse);
-			
-			if(item.__hit && !up)
-			{
-				//call the function!
-				if(item.mouseup)
-				{
-					item.mouseup(this.mouse);
-				}
-				if(item.__isDown)
-				{
-					if(item.click)item.click(this.mouse);
-				}
-				
-				if(!item.interactiveChildren)up = true;
-			}
-			else
-			{
-				if(item.__isDown)
-				{
-					if(item.mouseupoutside)item.mouseupoutside(this.mouse);
-				}
-			}
-		
-			item.__isDown = false;	
-		}
-	}
-}
-
-/**
- * Tests if the current mouse coords hit a sprite
- *
- * @method hitTest
- * @param item {DisplayObject} The displayObject to test for a hit
- * @param interactionData {InteractionData} The interactiondata object to update in the case of a hit
- * @private
- */
-PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
-{
-	var global = interactionData.global;
-	
-	if(!item.visible)return false;
-
-	var isSprite = (item instanceof PIXI.Sprite),
-		worldTransform = item.worldTransform,
-		a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-		a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-		id = 1 / (a00 * a11 + a01 * -a10),
-		x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-		y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
-
-	interactionData.target = item;
-	
-	//a sprite or display object with a hit area defined
-	if(item.hitArea && item.hitArea.contains) {
-		if(item.hitArea.contains(x, y)) {
-			//if(isSprite)
-			interactionData.target = item;
-
-			return true;
-		}
-		
-		return false;
-	}
-	// a sprite with no hitarea defined
-	else if(isSprite)
-	{
-		var width = item.texture.frame.width,
-			height = item.texture.frame.height,
-			x1 = -width * item.anchor.x,
-			y1;
-		
-		if(x > x1 && x < x1 + width)
-		{
-			y1 = -height * item.anchor.y;
-		
-			if(y > y1 && y < y1 + height)
-			{
-				// set the target property if a hit is true!
-				interactionData.target = item
-				return true;
-			}
-		}
-	}
-
-	var length = item.children.length;
-	
-	for (var i = 0; i < length; i++)
-	{
-		var tempItem = item.children[i];
-		var hit = this.hitTest(tempItem, interactionData);
-		if(hit)
-		{
-			// hmm.. TODO SET CORRECT TARGET?
-			interactionData.target = item
-			return true;
-		}
-	}
-
-	return false;	
-}
-
-/**
- * Is called when a touch is moved accross the renderer element
- *
- * @method onTouchMove
- * @param event {Event} The DOM event of a touch moving accross the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchMove = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		
-		// update the touch position
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-	}
-	
-	var length = this.interactiveItems.length;
-	for (var i = 0; i < length; i++)
-	{
-		var item = this.interactiveItems[i];
-		if(item.touchmove)item.touchmove(touchData);
-	}
-}
-
-/**
- * Is called when a touch is started on the renderer element
- *
- * @method onTouchStart
- * @param event {Event} The DOM event of a touch starting on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchStart = function(event)
-{
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
-	
-	var changedTouches = event.changedTouches;
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		
-		var touchData = this.pool.pop();
-		if(!touchData)touchData = new PIXI.InteractionData();
-		
-		this.touchs[touchEvent.identifier] = touchData;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			
-			if(item.touchstart || item.tap)
-			{
-				item.__hit = this.hitTest(item, touchData);
-				
-				if(item.__hit)
-				{
-					//call the function!
-					if(item.touchstart)item.touchstart(touchData);
-					item.__isDown = true;
-					item.__touchData = touchData;
-					
-					if(!item.interactiveChildren)break;
-				}
-			}
-		}
-	}
-}
-
-/**
- * Is called when a touch is ended on the renderer element
- *
- * @method onTouchEnd
- * @param event {Event} The DOM event of a touch ending on the renderer view
- * @private
- */
-PIXI.InteractionManager.prototype.onTouchEnd = function(event)
-{
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
-	var changedTouches = event.changedTouches;
-	
-	for (var i=0; i < changedTouches.length; i++) 
-	{
-		var touchEvent = changedTouches[i];
-		var touchData = this.touchs[touchEvent.identifier];
-		var up = false;
-		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
-		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
-		
-		var length = this.interactiveItems.length;
-		for (var j = 0; j < length; j++)
-		{
-			var item = this.interactiveItems[j];
-			var itemTouchData = item.__touchData; // <-- Here!
-			item.__hit = this.hitTest(item, touchData);
-		
-			if(itemTouchData == touchData)
-			{
-				// so this one WAS down...
-				
-				// hitTest??
-				
-				if(item.touchend || item.tap)
-				{
-					if(item.__hit && !up)
-					{
-						if(item.touchend)item.touchend(touchData);
-						if(item.__isDown)
-						{
-							if(item.tap)item.tap(touchData);
-						}
-						
-						if(!item.interactiveChildren)up = true;
-					}
-					else
-					{
-						if(item.__isDown)
-						{
-							if(item.touchendoutside)item.touchendoutside(touchData);
-						}
-					}
-					
-					item.__isDown = false;
-				}
-				
-				item.__touchData = null;
-					
-			}
-			else
-			{
-				
-			}
-		}
-		// remove the touch..
-		this.pool.push(touchData);
-		this.touchs[touchEvent.identifier] = null;
-	}
-}
-
-/**
- * Holds all information related to an Interaction event
- *
- * @class InteractionData
- * @constructor
- */
-PIXI.InteractionData = function()
-{
-	/**
-	 * This point stores the global coords of where the touch/mouse event happened
-	 *
-	 * @property global 
-	 * @type Point
-	 */
-	this.global = new PIXI.Point();
-	
-	// this is here for legacy... but will remove
-	this.local = new PIXI.Point();
-
-	/**
-	 * The target Sprite that was interacted with
-	 *
-	 * @property target
-	 * @type Sprite
-	 */
-	this.target;
-
-	/**
-	 * When passed to an event handler, this will be the original DOM Event that was captured
-	 *
-	 * @property originalEvent
-	 * @type Event
-	 */
-	this.originalEvent;
-}
-
-/**
- * This will return the local coords of the specified displayObject for this InteractionData
- *
- * @method getLocalPosition
- * @param displayObject {DisplayObject} The DisplayObject that you would like the local coords off
- * @return {Point} A point containing the coords of the InteractionData position relative to the DisplayObject
- */
-PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
-{
-	var worldTransform = displayObject.worldTransform;
-	var global = this.global;
-	
-	// do a cheeky transform to get the mouse coords;
-	var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
-        a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
-        id = 1 / (a00 * a11 + a01 * -a10);
-	// set the mouse coords...
-	return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
-							   a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
-}
-
-// constructor
-PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Stage represents the root of the display tree. Everything connected to the stage is rendered
- *
- * @class Stage
- * @extends DisplayObjectContainer
- * @constructor
- * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
- */
-PIXI.Stage = function(backgroundColor, interactive)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * [read-only] Current transform of the object based on world (parent) factors
-	 *
-	 * @property worldTransform
-	 * @type Mat3
-	 * @readOnly
-	 * @private
-	 */
-	this.worldTransform = PIXI.mat3.create();
-
-	/**
-	 * Whether or not the stage is interactive
-	 *
-	 * @property interactive
-	 * @type Boolean
-	 */
-	this.interactive = interactive;
-
-	/**
-	 * The interaction manage for this stage, manages all interactive activity on the stage
-	 *
-	 * @property interactive
-	 * @type InteractionManager
-	 */
-	this.interactionManager = new PIXI.InteractionManager(this);
-
-	/**
-	 * Whether the stage is dirty and needs to have interactions updated
-	 *
-	 * @property dirty
-	 * @type Boolean
-	 * @private
-	 */
-	this.dirty = true;
-
-	this.__childrenAdded = [];
-	this.__childrenRemoved = [];
-
-	//the stage is it's own stage
-	this.stage = this;
-
-	//optimize hit detection a bit
-	this.stage.hitArea = new PIXI.Rectangle(0,0,100000, 100000);
-
-	this.setBackgroundColor(backgroundColor);
-	this.worldVisible = true;
-}
-
-// constructor
-PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Stage.prototype.constructor = PIXI.Stage;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Stage.prototype.updateTransform = function()
-{
-	this.worldAlpha = 1;		
-	
-	for(var i=0,j=this.children.length; i<j; i++)
-	{
-		this.children[i].updateTransform();	
-	}
-	
-	if(this.dirty)
-	{
-		this.dirty = false;
-		// update interactive!
-		this.interactionManager.dirty = true;
-	}
-
-	if(this.interactive)this.interactionManager.update();
-}
-
-/**
- * Sets the background color for the stage
- *
- * @method setBackgroundColor
- * @param backgroundColor {Number} the color of the background, easiest way to pass this in is in hex format
- *		like: 0xFFFFFF for white
- */
-PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
-{
-	this.backgroundColor = backgroundColor || 0x000000;
-	this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
-	var hex = this.backgroundColor.toString(16);
-	hex = "000000".substr(0, 6 - hex.length) + hex;
-	this.backgroundColorString = "#" + hex;
-}
-
-/**
- * This will return the point containing global coords of the mouse.
- *
- * @method getMousePosition
- * @return {Point} The point containing the coords of the global InteractionData position.
- */
-PIXI.Stage.prototype.getMousePosition = function()
-{
-	return this.interactionManager.mouse.global;
-}
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
-
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
-// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
-
-// MIT license
-
-/**
- * A polyfill for requestAnimationFrame
- *
- * @method requestAnimationFrame
- */
-/**
- * A polyfill for cancelAnimationFrame
- *
- * @method cancelAnimationFrame
- */
-var lastTime = 0;
-var vendors = ['ms', 'moz', 'webkit', 'o'];
-for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
-    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
-                               || window[vendors[x]+'CancelRequestAnimationFrame'];
-}
-
-if (!window.requestAnimationFrame)
-    window.requestAnimationFrame = function(callback, element) {
-        var currTime = new Date().getTime();
-        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
-          timeToCall);
-        lastTime = currTime + timeToCall;
-        return id;
-    };
-
-if (!window.cancelAnimationFrame)
-    window.cancelAnimationFrame = function(id) {
-        clearTimeout(id);
-    };
-
-window.requestAnimFrame = window.requestAnimationFrame;
-
-/**
- * Converts a hex color number to an [R, G, B] array
- *
- * @method HEXtoRGB
- * @param hex {Number}
- */
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
- * A polyfill for Function.prototype.bind
- *
- * @method bind
- */
-if (typeof Function.prototype.bind != 'function') {
-  Function.prototype.bind = (function () {
-    var slice = Array.prototype.slice;
-    return function (thisArg) {
-      var target = this, boundArgs = slice.call(arguments, 1);
- 
-      if (typeof target != 'function') throw new TypeError();
- 
-      function bound() {
-	var args = boundArgs.concat(slice.call(arguments));
-	target.apply(this instanceof bound ? this : thisArg, args);
-      }
- 
-      bound.prototype = (function F(proto) {
-          proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
-	})(target.prototype);
- 
-      return bound;
-    };
-  })();
-}
-
-/**
- * A wrapper for ajax requests to be handled cross browser
- *
- * @class AjaxRequest
- * @constructor
- */
-var AjaxRequest = PIXI.AjaxRequest = function()
-{
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
-	if (window.ActiveXObject)
-	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
-		for (var i=0; i<activexmodes.length; i++)
-		{
-			try{
-				return new ActiveXObject(activexmodes[i])
-			}
-   			catch(e){
-    			//suppress error
-   			}
-		}
-	}
-	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
-  	{
-  		return new XMLHttpRequest()
- 	}
- 	else
- 	{
-		return false;
- 	}
-}
-
-/*
- * DEBUGGING ONLY
- */
-PIXI.runList = function(item)
-{
-	console.log(">>>>>>>>>")
-	console.log("_")
-	var safe = 0;
-	var tmp = item.first;
-	console.log(tmp);
-	
-	while(tmp._iNext)
-	{
-		safe++;
-//		console.log(tmp.childIndex + tmp);
-		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
-	//	console.log(tmp);
-	
-		if(safe > 100)
-		{
-			console.log("BREAK")
-			break
-		}
-	}	
-}
-
-
-
-
-
-
-/**
- * https://github.com/mrdoob/eventtarget.js/
- * THankS mr DOob!
- */
-
-/**
- * Adds event emitter functionality to a class
- *
- * @class EventTarget
- * @example
- *		function MyEmitter() {
- *			PIXI.EventTarget.call(this); //mixes in event target stuff
- *		}
- *
- *		var em = new MyEmitter();
- *		em.emit({ type: 'eventName', data: 'some data' });
- */
-PIXI.EventTarget = function () {
-
-	var listeners = {};
-	
-	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
-		if ( listeners[ type ] === undefined ) {
-
-			listeners[ type ] = [];
-			
-		}
-
-		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
-
-			listeners[ type ].push( listener );
-		}
-
-	};
-
-	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
-
-			listeners[ event.type ][ listener ]( event );
-			
-		}
-
-	};
-
-	this.removeEventListener = this.off = function ( type, listener ) {
-
-		var index = listeners[ type ].indexOf( listener );
-
-		if ( index !== - 1 ) {
-
-			listeners[ type ].splice( index, 1 );
-
-		}
-
-	};
-
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
-{
-	if(!width)width = 800;
-	if(!height)height = 600;
-
-	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
-
-	//console.log(webgl);
-	if( webgl )
-	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
-	}
-
-	return	new PIXI.CanvasRenderer(width, height, view, transparent);
-};
-
-
-
-/*
-	PolyK library
-	url: http://polyk.ivank.net
-	Released under MIT licence.
-	
-	Copyright (c) 2012 Ivan Kuckir
-
-	Permission is hereby granted, free of charge, to any person
-	obtaining a copy of this software and associated documentation
-	files (the "Software"), to deal in the Software without
-	restriction, including without limitation the rights to use,
-	copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the
-	Software is furnished to do so, subject to the following
-	conditions:
-
-	The above copyright notice and this permission notice shall be
-	included in all copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-	EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-	NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-	WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-	OTHER DEALINGS IN THE SOFTWARE.
-
-	This is an amazing lib! 
-	
-	slightly modified by mat groves (matgroves.com);
-*/
-
-PIXI.PolyK = {};
-
-/**
- * Triangulates shapes for webGL graphic fills
- *
- * @method Triangulate
- * @namespace PolyK
- * @constructor
- */
-PIXI.PolyK.Triangulate = function(p)
-{
-	var sign = true;
-	
-	var n = p.length>>1;
-	if(n<3) return [];
-	var tgs = [];
-	var avl = [];
-	for(var i=0; i<n; i++) avl.push(i);
-	
-	var i = 0;
-	var al = n;
-	while(al > 3)
-	{
-		var i0 = avl[(i+0)%al];
-		var i1 = avl[(i+1)%al];
-		var i2 = avl[(i+2)%al];
-		
-		var ax = p[2*i0],  ay = p[2*i0+1];
-		var bx = p[2*i1],  by = p[2*i1+1];
-		var cx = p[2*i2],  cy = p[2*i2+1];
-		
-		var earFound = false;
-		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
-		{
-			earFound = true;
-			for(var j=0; j<al; j++)
-			{
-				var vi = avl[j];
-				if(vi==i0 || vi==i1 || vi==i2) continue;
-				if(PIXI.PolyK._PointInTriangle(p[2*vi], p[2*vi+1], ax, ay, bx, by, cx, cy)) {earFound = false; break;}
-			}
-		}
-		if(earFound)
-		{
-			tgs.push(i0, i1, i2);
-			avl.splice((i+1)%al, 1);
-			al--;
-			i = 0;
-		}
-		else if(i++ > 3*al) 
-		{
-			// need to flip flip reverse it!
-			// reset!
-			if(sign)
-			{
-				var tgs = [];
-				avl = [];
-				for(var i=0; i<n; i++) avl.push(i);
-				
-				i = 0;
-				al = n;
-				
-				sign = false;
-			}
-			else
-			{
-				console.log("PIXI Warning: shape too complex to fill")
-				return [];
-			}				
-		}
-	}
-	tgs.push(avl[0], avl[1], avl[2]);
-	return tgs;
-}
-
-/**
- * Checks if a point is within a triangle
- *
- * @class _PointInTriangle
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
-{
-	var v0x = cx-ax;
-	var v0y = cy-ay;
-	var v1x = bx-ax;
-	var v1y = by-ay;
-	var v2x = px-ax;
-	var v2y = py-ay;
-	
-	var dot00 = v0x*v0x+v0y*v0y;
-	var dot01 = v0x*v1x+v0y*v1y;
-	var dot02 = v0x*v2x+v0y*v2y;
-	var dot11 = v1x*v1x+v1y*v1y;
-	var dot12 = v1x*v2x+v1y*v2y;
-	
-	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
-	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
-
-	// Check if point is in triangle
-	return (u >= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
-	return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/*
- * the default suoer fast shader!
- */
-
-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;",
-  
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-/*
- * the triangle strip shader..
- */
-
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
-  return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
-  var src = shaderSrc.join("\n");
-  var shader = gl.createShader(shaderType);
-  gl.shaderSource(shader, src);
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
-    return null;
-  }
-
-  return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
-	var gl = PIXI.gl;
-	var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
-	var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-	
-	var shaderProgram = gl.createProgram();
-	
-    gl.attachShader(shaderProgram, vertexShader);
-    gl.attachShader(shaderProgram, fragmentShader);
-    gl.linkProgram(shaderProgram);
-
-    if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
-    }
-
-	return shaderProgram;
-} 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-	
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
-	var gl = PIXI.gl;
-	
-	if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0, 
-										   buffer:gl.createBuffer(),
-										   indexBuffer:gl.createBuffer()};
-	
-	if(graphics.dirty)
-	{
-		graphics.dirty = false;
-		
-		if(graphics.clearDirty)
-		{
-			graphics.clearDirty = false;
-			
-			graphics._webGL.lastIndex = 0;
-			graphics._webGL.points = [];
-			graphics._webGL.indices = [];
-			
-		}
-		
-		PIXI.WebGLGraphics.updateGraphics(graphics);
-	}
-	
-	
-	PIXI.activatePrimitiveShader();
-	
-	// This  could be speeded up fo sure!
-	var m = PIXI.mat3.clone(graphics.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-	
-	// set the index buffer!
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-	
-	// return to default shader...
-	PIXI.activateDefaultShader();
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
-	for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			if(data.fill)
-			{
-				if(data.points.length>3) 
-				PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
-			}
-			
-			if(data.lineWidth > 0)
-			{
-				PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
-		}
-		else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
-		{
-			PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
-		}
-	};
-	
-	graphics._webGL.lastIndex = graphics.graphicsData.length;
-	
-	var gl = PIXI.gl;
-
-	graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-	gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-	
-	graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-	
-	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-		
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vertPos = verts.length/6;
-		
-		// start
-		verts.push(x, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x , y + height);
-		verts.push(r, g, b, alpha);
-		
-		verts.push(x + width, y + height);
-		verts.push(r, g, b, alpha);
-		
-		// insert 2 dead triangles..
-		indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [x, y,
-				  x + width, y,
-				  x + width, y + height,
-				  x, y + height,
-				  x, y];
-	
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
-	// --- //
-	// need to convert points to a nice regular data
-	// 
-	var rectData = graphicsData.points;
-	var x = rectData[0];
-	var y = rectData[1];
-	var width = rectData[2];
-	var height = rectData[3];
-	
-	var totalSegs = 40;
-	var seg = (Math.PI * 2) / totalSegs ;
-		
-	if(graphicsData.fill)
-	{
-		var color = HEXtoRGB(graphicsData.fillColor);
-		var alpha = graphicsData.fillAlpha;
-
-		var r = color[0] * alpha;
-		var g = color[1] * alpha;
-		var b = color[2] * alpha;
-	
-		var verts = webGLData.points;
-		var indices = webGLData.indices;
-	
-		var vecPos = verts.length/6;
-		
-		indices.push(vecPos);
-		
-		for (var i=0; i < totalSegs + 1 ; i++) 
-		{
-			verts.push(x,y, r, g, b, alpha);
-			
-			verts.push(x + Math.sin(seg * i) * width,
-					   y + Math.cos(seg * i) * height,
-					   r, g, b, alpha);
-		
-			indices.push(vecPos++, vecPos++);
-		};
-		
-		indices.push(vecPos-1);
-	}
-	
-	if(graphicsData.lineWidth)
-	{
-		graphicsData.points = [];
-		
-		for (var i=0; i < totalSegs + 1; i++) 
-		{
-			graphicsData.points.push(x + Math.sin(seg * i) * width,
-									 y + Math.cos(seg * i) * height)
-		};
-		
-		PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
-	}
-	
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
-	// TODO OPTIMISE!
-	
-	var wrap = true;
-	var points = graphicsData.points;
-	if(points.length == 0)return;
-	
-	// get first and last point.. figure out the middle!
-	var firstPoint = new PIXI.Point( points[0], points[1] );
-	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-	
-	// if the first point is the last point - goona have issues :)
-	if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
-	{
-		points.pop();
-		points.pop();
-		
-		lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-		
-		var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
-		var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-		
-		points.unshift(midPointX, midPointY);
-		points.push(midPointX, midPointY)
-	}
-	
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	var length = points.length / 2;
-	var indexCount = points.length;
-	var indexStart = verts.length/6;
-	
-	// DRAW the Line
-	var width = graphicsData.lineWidth / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.lineColor);
-	var alpha = graphicsData.lineAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var p1x, p1y, p2x, p2y, p3x, p3y;
-	var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
-	var ipx, ipy;
-	var a1, b1, c1, a2, b2, c2;
-	var denom, pdist, dist;
-	
-	p1x = points[0];
-	p1y = points[1];
-	
-	p2x = points[2];
-	p2y = points[3];
-	
-	perpx = -(p1y - p2y);
-	perpy =  p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	// start
-	verts.push(p1x - perpx , p1y - perpy,
-				r, g, b, alpha);
-	
-	verts.push(p1x + perpx , p1y + perpy,
-				r, g, b, alpha);
-	
-	for (var i = 1; i < length-1; i++) 
-	{
-		p1x = points[(i-1)*2];
-		p1y = points[(i-1)*2 + 1];
-		
-		p2x = points[(i)*2]
-		p2y = points[(i)*2 + 1]
-		
-		p3x = points[(i+1)*2];
-		p3y = points[(i+1)*2 + 1];
-		
-		perpx = -(p1y - p2y);
-		perpy = p1x - p2x;
-		
-		dist = Math.sqrt(perpx*perpx + perpy*perpy);
-		perpx /= dist;
-		perpy /= dist;
-		perpx *= width;
-		perpy *= width;
-
-		perp2x = -(p2y - p3y);
-		perp2y = p2x - p3x;
-		
-		dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
-		perp2x /= dist;
-		perp2y /= dist;
-		perp2x *= width;
-		perp2y *= width;
-		
-		a1 = (-perpy + p1y) - (-perpy + p2y);
-	    b1 = (-perpx + p2x) - (-perpx + p1x);
-	    c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-	    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-	    b2 = (-perp2x + p2x) - (-perp2x + p3x);
-	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-	 
-	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
-	    
-	    px = (b1*c2 - b2*c1)/denom;
-	    py = (a2*c1 - a1*c2)/denom;
-		
-		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-		
-		if(pdist > 140 * 140)
-		{
-			perp3x = perpx - perp2x;
-			perp3y = perpy - perp2y;
-			
-			dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
-			perp3x /= dist;
-			perp3y /= dist;
-			perp3x *= width;
-			perp3y *= width;
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x + perp3x, p2y +perp3y);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - perp3x, p2y -perp3y);
-			verts.push(r, g, b, alpha);
-			
-			indexCount++;
-		}
-		else
-		{
-			verts.push(px , py);
-			verts.push(r, g, b, alpha);
-			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
-			verts.push(r, g, b, alpha);
-		}
-	}
-	
-	p1x = points[(length-2)*2]
-	p1y = points[(length-2)*2 + 1] 
-	
-	p2x = points[(length-1)*2]
-	p2y = points[(length-1)*2 + 1]
-	
-	perpx = -(p1y - p2y)
-	perpy = p1x - p2x;
-	
-	dist = Math.sqrt(perpx*perpx + perpy*perpy);
-	perpx /= dist;
-	perpy /= dist;
-	perpx *= width;
-	perpy *= width;
-	
-	verts.push(p2x - perpx , p2y - perpy)
-	verts.push(r, g, b, alpha);
-	
-	verts.push(p2x + perpx , p2y + perpy)
-	verts.push(r, g, b, alpha);
-	
-	indices.push(indexStart);
-	
-	for (var i=0; i < indexCount; i++) 
-	{
-		indices.push(indexStart++);
-	};
-	
-	indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
-	var points = graphicsData.points;
-	if(points.length < 6)return;
-	
-	// get first and last point.. figure out the middle!
-	var verts = webGLData.points;
-	var indices = webGLData.indices;
-	
-	var length = points.length / 2;
-	
-	// sort color
-	var color = HEXtoRGB(graphicsData.fillColor);
-	var alpha = graphicsData.fillAlpha;
-	var r = color[0] * alpha;
-	var g = color[1] * alpha;
-	var b = color[2] * alpha;
-	
-	var triangles = PIXI.PolyK.Triangulate(points);
-	
-	var vertPos = verts.length / 6;
-	
-	for (var i=0; i < triangles.length; i+=3) 
-	{
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i] + vertPos);
-		indices.push(triangles[i+1] + vertPos);
-		indices.push(triangles[i+2] +vertPos);
-		indices.push(triangles[i+2] + vertPos);
-	};
-	
-	for (var i = 0; i < length; i++) 
-	{
-		verts.push(points[i * 2], points[i * 2 + 1],
-				   r, g, b, alpha);
-	};
-}
-
-function HEXtoRGB(hex) {
-	return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * 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 :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * 
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
-{
-	// do a catch.. only 1 webGL renderer..
-
-	this.transparent = !!transparent;
-
-	this.width = width || 800;
-	this.height = height || 600;
-
-	this.view = view || document.createElement( 'canvas' ); 
-    this.view.width = this.width;
-	this.view.height = this.height;
-
-	// deal with losing context..	
-    var scope = this;
-	this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
-	this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
-	this.batchs = [];
-
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
-
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
-
-    PIXI.activateDefaultShader();
-
-    var gl = this.gl;
-    PIXI.WebGLRenderer.gl = gl;
-
-    this.batch = new PIXI.WebGLBatch(gl);
-   	gl.disable(gl.DEPTH_TEST);
-   	gl.disable(gl.CULL_FACE);
-
-    gl.enable(gl.BLEND);
-    gl.colorMask(true, true, true, this.transparent); 
-
-    PIXI.projection = new PIXI.Point(400, 300);
-
-    this.resize(this.width, this.height);
-    this.contextLost = false;
-
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private 
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
-	if(this.contextLost)return;
-	
-	
-	// if rendering a new stage clear the batchs..
-	if(this.__stage !== stage)
-	{
-		// TODO make this work
-		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
-		this.__stage = stage;
-		this.stageRenderGroup.setRenderable(stage);
-	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
-
-	// update any textures	
-	PIXI.WebGLRenderer.updateTextures();
-		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
-	// update the scene graph	
-	stage.updateTransform();
-	
-	var gl = this.gl;
-	
-	// -- Does this need to be set every frame? -- //
-	gl.colorMask(true, true, true, this.transparent); 
-	gl.viewport(0, 0, this.width, this.height);	
-	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-		
-	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
-	gl.clear(gl.COLOR_BUFFER_BIT);
-
-	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
-	
-	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-	this.stageRenderGroup.render(PIXI.projection);
-	
-	// interaction
-	// run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// after rendering lets confirm all frames that have been uodated..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		for (var i=0; i < PIXI.Texture.frameUpdates.length; i++) 
-		{
-		  	PIXI.Texture.frameUpdates[i].updateFrame = false;
-		};
-		
-		PIXI.Texture.frameUpdates = [];
-	}
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
-	var gl = PIXI.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.source);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
-		// reguler...
-
-		if(!texture._powerOf2)
-		{
-			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);
-		}
-		else
-		{
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-			gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		}
-
-		gl.bindTexture(gl.TEXTURE_2D, null);
-	}
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
-{
-	var gl = this.gl;
-
-	if(texture._glTexture)
-	{
-		texture._glTexture = gl.createTexture();
-		gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
-	}
-}
-
-/**
- * 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
- */
-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);	
-
-	//var projectionMatrix = this.projectionMatrix;
-
-	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
-
-//	projectionMatrix[0] = 2/this.width;
-//	projectionMatrix[5] = -2/this.height;
-//	projectionMatrix[12] = -1;
-//	projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
-	event.preventDefault();
-	this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
-	this.gl = this.view.getContext("experimental-webgl",  {  	
-		alpha: true
-    });
-
-	this.initShaders();	
-
-	for(var key in PIXI.TextureCache) 
-	{
-        	var texture = PIXI.TextureCache[key].baseTexture;
-        	texture._glTexture = null;
-        	PIXI.WebGLRenderer.updateTexture(texture);
-	};
-
-	for (var i=0; i <  this.batchs.length; i++) 
-	{
-		this.batchs[i].restoreLostContext(this.gl)//
-		this.batchs[i].dirty = true;
-	};
-
-	PIXI._restoreBatchs(this.gl);
-
-	this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
-	if(PIXI._batchs.length == 0)
-	{
-		return new PIXI.WebGLBatch(gl);
-	}
-	else
-	{
-		return PIXI._batchs.pop();
-	}
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
-	batch.clean();	
-	PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
-	for (var i=0; i < PIXI._batchs.length; i++) 
-	{
-	  PIXI._batchs[i].restoreLostContext(gl);
-	};
-}
-
-/**
- * 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
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-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;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
-	this.verticies = [];
-	this.uvs = [];
-	this.indices = [];
-	this.colors = [];
-	//this.sprites = [];
-	this.dynamicSize = 1;
-	this.texture = null;
-	this.last = null;
-	this.size = 0;
-	this.head;
-	this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-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();
-}
-
-/**
- * inits the batch'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
- */	
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
-	sprite.batch = this;
-	this.dirty = true;
-	this.blendMode = sprite.blendMode;
-	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
-	this.head = sprite;
-	this.tail = sprite;
-	this.size = 1;
-
-	this.growBatch();
-}
-
-/**
- * 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
- */	
-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;
-		//this.head.__prev = null
-	}
-}
-
-/**
- * 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
- */	
-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
-	}
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */	
-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;
-}
-
-/**
- * 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
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
-	this.dirty = true;
-
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
-	batch.init(sprite);
-	batch.texture = this.texture;
-	batch.tail = this.tail;
-
-	this.tail = sprite.__prev;
-	this.tail.__next = null;
-
-	sprite.__prev = null;
-	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
-
-	// TODO this size is wrong!
-	// need to recalculate :/ problem with a linked list!
-	// unless it gets calculated in the "clean"?
-
-	// need to loop through items as there is no way to know the length on a linked list :/
-	var tempSize = 0;
-	while(sprite)
-	{
-		tempSize++;
-		sprite.batch = batch;
-		sprite = sprite.__next;
-	}
-
-	batch.size = tempSize;
-	this.size -= tempSize;
-
-	return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged 
- */
-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;
-	}
-}
-
-/**
- * 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
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
-	var gl = this.gl;
-	if( this.size == 1)
-	{
-		this.dynamicSize = 1;
-	}
-	else
-	{
-		this.dynamicSize = this.size * 1.5
-	}
-	// 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/6;
-
-	for (var i=0; i < 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);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
-	var gl = this.gl;
-
-	if (this.dynamicSize < 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 / tw;
-		this.uvs[index +1] = frame.y / th;
-
-		this.uvs[index +2] = (frame.x + frame.width) / tw;
-		this.uvs[index +3] = frame.y / th;
-
-		this.uvs[index +4] = (frame.x + frame.width) / tw;
-		this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-		this.uvs[index +6] = frame.x / tw;
-		this.uvs[index +7] = (frame.y + frame.height) / 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;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-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)
-	{
-		if(displayObject.worldVisible)
-		{
-			width = displayObject.texture.frame.width;
-			height = displayObject.texture.frame.height;
-
-			// TODO trim??
-			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 || displayObject.texture.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 / tw;
-				this.uvs[index +1] = frame.y / th;
-
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
-
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
-
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
-
-				displayObject.updateFrame = false;
-			}
-
-			// 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;
-			}
-		}
-		else
-		{
-			index = indexRun * 8;
-
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
-		}
-
-		indexRun++;
-		displayObject = displayObject.__next;
-   }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
-	start = start || 0;
-	//end = end || this.size;
-	if(end == undefined)end = this.size;
-	
-	if(this.dirty)
-	{
-		this.refresh();
-		this.dirty = false;
-	}
-
-	if (this.size == 0)return;
-
-	this.update();
-	var gl = this.gl;
-
-	//TODO optimize this!
-
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
-
-	// update the verts..
-	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-	// ok..
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// 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);
-
-	// 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);
-
-	// dont need to upload!
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
-	//var startIndex = 0//1;
-	var len = end - start;
-	// console.log(this.size)
-    // DRAW THAT this!
-    gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl)
-{
-	this.gl = gl;
-	this.root;
-	
-	this.backgroundColor;
-	this.batchs = [];
-	this.toRemove = [];
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private 
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
-	// has this changed??
-	if(this.root)this.removeDisplayObjectAndChildren(this.root);
-	
-	displayObject.worldVisible = displayObject.visible;
-	
-	// soooooo //
-	// to check if any batchs exist already??
-	
-	// TODO what if its already has an object? should remove it
-	this.root = displayObject;
-	this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-
-	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
-	// will render all the elements in the group
-	var renderable;
-	
-	
-	for (var i=0; i < this.batchs.length; i++) 
-	{
-		renderable = this.batchs[i];
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
-	}
-	
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
-{
-	PIXI.WebGLRenderer.updateTextures();
-	
-	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
-
-	// to do!
-	// render part of the scene...
-	
-	var startIndex;
-	var startBatchIndex;
-	
-	var endIndex;
-	var endBatchIndex;
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.first;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	var startBatch = nextRenderable.batch;
-	
-	if(nextRenderable instanceof PIXI.Sprite)
-	{
-		startBatch = nextRenderable.batch;
-		
-		var head = startBatch.head;
-		var next = head;
-		
-		// ok now we have the batch.. need to find the start index!
-		if(head == nextRenderable)
-		{
-			startIndex = 0;
-		}
-		else
-		{
-			startIndex = 1;
-			
-			while(head.__next != nextRenderable)
-			{
-				startIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		startBatch = nextRenderable;
-	}
-	
-	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
-	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
-	}
-	
-	if(lastRenderable instanceof PIXI.Sprite)
-	{
-		endBatch = lastRenderable.batch;
-		
-		var head = endBatch.head;
-		
-		if(head == lastRenderable)
-		{
-			endIndex = 0;
-		}
-		else
-		{
-			endIndex = 1;
-			
-			while(head.__next != lastRenderable)
-			{
-				endIndex++;
-				head = head.__next;
-			}
-		}
-	}
-	else
-	{
-		endBatch = lastRenderable;
-	}
-	
-	// TODO - need to fold this up a bit!
-	
-	if(startBatch == endBatch)
-	{
-		if(startBatch instanceof PIXI.WebGLBatch)
-		{
-			startBatch.render(startIndex, endIndex+1);
-		}
-		else
-		{
-			this.renderSpecial(startBatch, projection);
-		}
-		return;
-	}
-	
-	// now we have first and last!
-	startBatchIndex = this.batchs.indexOf(startBatch);
-	endBatchIndex = this.batchs.indexOf(endBatch);
-	
-	// DO the first batch
-	if(startBatch instanceof PIXI.WebGLBatch)
-	{
-		startBatch.render(startIndex);
-	}
-	else
-	{
-		this.renderSpecial(startBatch, projection);
-	}
-	
-	// DO the middle batchs..
-	for (var i=startBatchIndex+1; i < endBatchIndex; i++) 
-	{
-		renderable = this.batchs[i];
-	
-		if(renderable instanceof PIXI.WebGLBatch)
-		{
-			this.batchs[i].render();
-		}
-		else
-		{
-			this.renderSpecial(renderable, projection);
-		}
-	}
-	
-	// DO the last batch..
-	if(endBatch instanceof PIXI.WebGLBatch)
-	{
-		endBatch.render(0, endIndex+1);
-	}
-	else
-	{
-		this.renderSpecial(endBatch, projection);
-	}
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-	if(renderable instanceof PIXI.TilingSprite)
-	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.Strip)
-	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.CustomRenderable)
-	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
-	}
-	else if(renderable instanceof PIXI.Graphics)
-	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
-	}
-	else if(renderable instanceof PIXI.FilterBlock)
-	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
-	}
-}
-
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
-{
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
-	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
-		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
-		}
-		
-		if(child.children.length > 0)
-		{
-			this.checkVisibility(child, child.worldVisible);
-		}
-	};
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-	
-	// TODO definitely can optimse this function..
-	
-	this.removeObject(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
-	start.__renderGroup = this;
-	end.__renderGroup = this;
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	var previousRenderable = start;
-	while(previousRenderable != this.root)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	this.insertAfter(start, previousRenderable);
-		
-	/*
-	 *  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
-	 */
-	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
-	{
-		previousRenderable2 = previousRenderable2._iPrev;
-		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
-	}
-	this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
-	this.removeObject(start);
-	this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-	
-	/*
-	 *  LOOK FOR THE PREVIOUS RENDERABLE
-	 *  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
-	 */
-	
-	var previousRenderable = displayObject.first;
-	while(previousRenderable != this.root.first)
-	{
-		previousRenderable = previousRenderable._iPrev;
-		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
-	}
-	
-	/*
-	 *  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
-	 */
-	var nextRenderable = displayObject.last;
-	while(nextRenderable._iNext)
-	{
-		nextRenderable = nextRenderable._iNext;
-		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
-	}
-	
-	// one the display object hits this. we can break the loop	
-	
-	var tempObject = displayObject.first;
-	var testObject = displayObject.last._iNext;
-	do	
-	{
-		tempObject.__renderGroup = this;
-		
-		if(tempObject.renderable)
-		{
-		
-			this.insertObject(tempObject, previousRenderable, nextRenderable);
-			previousRenderable = tempObject;
-		}
-		
-		tempObject = tempObject._iNext;
-	}
-	while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
-	if(displayObject.__renderGroup != this)return;
-	
-//	var displayObject = displayObject.first;
-	var lastObject = displayObject.last;
-	do	
-	{
-		displayObject.__renderGroup = null;
-		if(displayObject.renderable)this.removeObject(displayObject);
-		displayObject = displayObject._iNext;
-	}
-	while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
-	// while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
-	var previousSprite = previousObject;
-	var nextSprite = nextObject;
-	
-	/*
-	 * so now we have the next renderable and the previous renderable
-	 * 
-	 */
-	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 && previousBatch.blendMode == displayObject.blendMode)
-				{
-					previousBatch.insertAfter(displayObject, previousSprite);
-					return;
-				}
-			}
-		}
-		else
-		{
-			// TODO reword!
-			previousBatch = previousSprite;
-		}
-	
-		if(nextSprite)
-		{
-			if(nextSprite instanceof PIXI.Sprite)
-			{
-				nextBatch = nextSprite.batch;
-			
-				//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 && nextBatch.blendMode == displayObject.blendMode)
-					{
-						nextBatch.insertBefore(displayObject, nextSprite);
-						return;
-					}
-					else
-					{
-						if(nextBatch == previousBatch)
-						{
-							// THERE IS A SPLIT IN THIS BATCH! //
-							var splitBatch = previousBatch.split(nextSprite);
-							// COOL!
-							// add it back into the array	
-							/*
-							 * OOPS!
-							 * seems the new sprite is in the middle of a batch
-							 * lets split it.. 
-							 */
-							var batch = PIXI.WebGLRenderer.getBatch();
-
-							var index = this.batchs.indexOf( previousBatch );
-							batch.init(displayObject);
-							this.batchs.splice(index+1, 0, batch, splitBatch);
-							
-							return;
-						}
-					}
-				}
-			}
-			else
-			{
-				// TODO re-word!
-				
-				nextBatch = nextSprite;
-			}
-		}
-		
-		/*
-		 * looks like it does not belong to any batch!
-		 * but is also not intersecting one..
-		 * time to create anew one!
-		 */
-		
-		var batch =  PIXI.WebGLRenderer.getBatch();
-		batch.init(displayObject);
-
-		if(previousBatch) // if this is invalid it means 
-		{
-			var index = this.batchs.indexOf( previousBatch );
-			this.batchs.splice(index+1, 0, batch);
-		}
-		else
-		{
-			this.batchs.push(batch);
-		}
-		
-		return;
-	}
-	else if(displayObject instanceof PIXI.TilingSprite)
-	{
-		
-		// add to a batch!!
-		this.initTilingSprite(displayObject);
-	//	this.batchs.push(displayObject);
-		
-	}
-	else if(displayObject instanceof PIXI.Strip)
-	{
-		// add to a batch!!
-		this.initStrip(displayObject);
-	//	this.batchs.push(displayObject);
-	}
-	else if(displayObject)// instanceof PIXI.Graphics)
-	{
-		//displayObject.initWebGL(this);
-		
-		// add to a batch!!
-		//this.initStrip(displayObject);
-		//this.batchs.push(displayObject);
-	}
-	
-	this.insertAfter(displayObject, previousSprite);
-			
-	// insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		var previousBatch = displayObject.batch;
-		
-		if(previousBatch)
-		{
-			// so this object is in a batch!
-			
-			// is it not? need to split the batch
-			if(previousBatch.tail == displayObject)
-			{
-				// is it tail? insert in to batchs	
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item);
-			}
-			else
-			{
-				// TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-				
-				// THERE IS A SPLIT IN THIS BATCH! //
-				var splitBatch = previousBatch.split(displayObject.__next);
-				
-				// COOL!
-				// add it back into the array	
-				/*
-				 * OOPS!
-				 * seems the new sprite is in the middle of a batch
-				 * lets split it.. 
-				 */
-				var index = this.batchs.indexOf( previousBatch );
-				this.batchs.splice(index+1, 0, item, splitBatch);
-			}
-		}
-		else
-		{
-			this.batchs.push(item);
-		}
-	}
-	else
-	{
-		var index = this.batchs.indexOf( displayObject );
-		this.batchs.splice(index+1, 0, item);
-	}
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
-	// loop through children..
-	// display object //
-	
-	// add a child from the render group..
-	// remove it and all its children!
-	//displayObject.cacheVisible = false;//displayObject.visible;
-
-	/*
-	 * removing is a lot quicker..
-	 * 
-	 */
-	var batchToRemove;
-	
-	if(displayObject instanceof PIXI.Sprite)
-	{
-		// should always have a batch!
-		var batch = displayObject.batch;
-		if(!batch)return; // this means the display list has been altered befre rendering
-		
-		batch.remove(displayObject);
-		
-		if(batch.size==0)
-		{
-			batchToRemove = batch;
-		}
-	}
-	else
-	{
-		batchToRemove = displayObject;
-	}
-	
-	/*
-	 * Looks like there is somthing that needs removing!
-	 */
-	if(batchToRemove)	
-	{
-		var index = this.batchs.indexOf( batchToRemove );
-		if(index == -1)return;// this means it was added then removed before rendered
-		
-		// ok so.. check to see if you adjacent batchs should be joined.
-		// TODO may optimise?
-		if(index == 0 || index == this.batchs.length-1)
-		{
-			// wha - eva! just get of the empty batch!
-			this.batchs.splice(index, 1);
-			if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-		
-			return;
-		}
-		
-		if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
-		{
-			if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
-			{
-				//console.log("MERGE")
-				this.batchs[index-1].merge(this.batchs[index+1]);
-				
-				if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-				PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
-				this.batchs.splice(index, 2);
-				return;
-			}
-		}
-		
-		this.batchs.splice(index, 1);
-		if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-	}
-}
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
-	var gl = this.gl;
-
-	// make the texture tilable..
-			
-	sprite.verticies = new Float32Array([0, 0,
-										  sprite.width, 0,
-										  sprite.width,  sprite.height,
-										 0,  sprite.height]);
-					
-	sprite.uvs = new Float32Array([0, 0,
-									1, 0,
-									1, 1,
-									0, 1]);
-				
-	sprite.colors = new Float32Array([1,1,1,1]);
-	
-	sprite.indices =  new Uint16Array([0, 1, 3,2])//, 2]);
-	
-	sprite._vertexBuffer = gl.createBuffer();
-	sprite._indexBuffer = gl.createBuffer();
-	sprite._uvBuffer = gl.createBuffer();
-	sprite._colorBuffer = gl.createBuffer();
-						
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER,  sprite.uvs, gl.DYNAMIC_DRAW);
-
-    gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
-	gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-    
-//    return ( (x > 0) && ((x & (x - 1)) == 0) );
-
-	if(sprite.texture.baseTexture._glTexture)
-	{
-    	gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
-    	gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
-		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-	else
-	{
-		sprite.texture.baseTexture._powerOf2 = true;
-	}
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
-
-	
-	gl.useProgram(PIXI.stripShaderProgram);
-
-	var m = PIXI.mat3.clone(strip.worldTransform);
-	
-	PIXI.mat3.transpose(m);
-	
-	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
-
-/*
-	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);
-		
-		// 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);
-		
-		// 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);
-		
-		// 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);
-		
-		// dont need to upload!
-	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
-	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-	    
-	}
-	//console.log(gl.TRIANGLE_STRIP);
-	
-	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-    
-  	gl.useProgram(PIXI.shaderProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-	var offsetX =  tilePosition.x/sprite.texture.baseTexture.width;
-	var offsetY =  tilePosition.y/sprite.texture.baseTexture.height;
-	
-	var scaleX =  (sprite.width / sprite.texture.baseTexture.width)  / tileScale.x;
-	var scaleY =  (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
-	sprite.uvs[0] = 0 - offsetX;
-	sprite.uvs[1] = 0 - offsetY;
-	
-	sprite.uvs[2] = (1 * scaleX)  -offsetX;
-	sprite.uvs[3] = 0 - offsetY;
-	
-	sprite.uvs[4] = (1 *scaleX) - offsetX;
-	sprite.uvs[5] = (1 *scaleY) - offsetY;
-	
-	sprite.uvs[6] = 0 - offsetX;
-	sprite.uvs[7] = (1 *scaleY) - offsetY;
-	
-	gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
-	gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-	
-	this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
-	// 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);
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer 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
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
-	this.transparent = transparent;
-
-	/**
-	 * The width of the canvas view
-	 *
-	 * @property width
-	 * @type Number
-	 * @default 800
-	 */
-	this.width = width || 800;
-
-	/**
-	 * The height of the canvas view
-	 *
-	 * @property height
-	 * @type Number
-	 * @default 600
-	 */
-	this.height = height || 600;
-
-	/**
-	 * The canvas element that the everything is drawn to
-	 *
-	 * @property view
-	 * @type Canvas
-	 */
-	this.view = view || document.createElement( 'canvas' );
-
-	/**
-	 * The canvas context that the everything is drawn to
-	 * @property context
-	 * @type Canvas 2d Context
-	 */
-	this.context = this.view.getContext("2d");
-
-	this.refresh = true;
-	// hack to enable some hardware acceleration!
-	//this.view.style["transform"] = "translatez(0)";
-	
-    this.view.width = this.width;
-	this.view.height = this.height;  
-	this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-	// update children if need be
-	
-	//stage.__childrenAdded = [];
-	//stage.__childrenRemoved = [];
-	
-	// update textures if need be
-	PIXI.texturesToUpdate = [];
-	PIXI.texturesToDestroy = [];
-	
-	stage.updateTransform();
-	
-	// update the background color
-	if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
-	this.context.setTransform(1,0,0,1,0,0); 
-	this.context.clearRect(0, 0, this.width, this.height)
-    this.renderDisplayObject(stage);
-    //as
-   
-    // run interaction!
-	if(stage.interactive)
-	{
-		//need to add some events!
-		if(!stage._interactiveEventsAdded)
-		{
-			stage._interactiveEventsAdded = true;
-			stage.interactionManager.setTarget(this);
-		}
-	}
-	
-	// remove frame updates..
-	if(PIXI.Texture.frameUpdates.length > 0)
-	{
-		PIXI.Texture.frameUpdates = [];
-	}
-	
-	
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
-	this.width = width;
-	this.height = height;
-	
-	this.view.width = width;
-	this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
-	// no loger recurrsive!
-	var transform;
-	var context = this.context;
-	
-	context.globalCompositeOperation = 'source-over';
-	
-	// one the display object hits this. we can break the loop	
-	var testObject = displayObject.last._iNext;
-	displayObject = displayObject.first;
-	
-	do	
-	{
-		transform = displayObject.worldTransform;
-		
-		if(!displayObject.visible)
-		{
-			displayObject = displayObject.last._iNext;
-			continue;
-		}
-		
-		if(!displayObject.renderable)
-		{
-			displayObject = displayObject._iNext;
-			continue;
-		}
-		
-		if(displayObject instanceof PIXI.Sprite)
-		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
-			{
-				context.globalAlpha = displayObject.worldAlpha;
-				
-				context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-					
-				context.drawImage(displayObject.texture.baseTexture.source, 
-								   frame.x,
-								   frame.y,
-								   frame.width,
-								   frame.height,
-								   (displayObject.anchor.x) * -frame.width, 
-								   (displayObject.anchor.y) * -frame.height,
-								   frame.width,
-								   frame.height);
-			}					   
-	   	}
-	   	else if(displayObject instanceof PIXI.Strip)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderStrip(displayObject);
-		}
-		else if(displayObject instanceof PIXI.TilingSprite)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			this.renderTilingSprite(displayObject);
-		}
-		else if(displayObject instanceof PIXI.CustomRenderable)
-		{
-			displayObject.renderCanvas(this);
-		}
-		else if(displayObject instanceof PIXI.Graphics)
-		{
-			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
-			PIXI.CanvasGraphics.renderGraphics(displayObject, context);
-		}
-		else if(displayObject instanceof PIXI.FilterBlock)
-		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
-			}
-			else
-			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
-			}
-		}
-	//	count++
-		displayObject = displayObject._iNext;
-		
-		
-	}
-	while(displayObject != testObject)
-
-	
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
-	var context = this.context;
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	
-	context.beginPath();
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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);
-		
-	};	
-	
-	context.fillStyle = "#FF0000";
-	context.fill();
-	context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
-	var context = this.context;
-	
-	context.globalAlpha = sprite.worldAlpha;
-	
- 	if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
- 	
-	context.beginPath();
-	
-	var tilePosition = sprite.tilePosition;
-	var tileScale = sprite.tileScale;
-	
-    // offset
-    context.scale(tileScale.x,tileScale.y);
-    context.translate(tilePosition.x, tilePosition.y);
- 	
-	context.fillStyle = sprite.__tilePattern;
-	context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-	
-	context.scale(1/tileScale.x, 1/tileScale.y);
-    context.translate(-tilePosition.x, -tilePosition.y);
-    
-    context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
-	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
-	// draw triangles!!
-	var verticies = strip.verticies;
-	var uvs = strip.uvs;
-	
-	var length = verticies.length/2;
-	this.count++;
-	for (var i=1; i < length-2; i++) 
-	{
-		
-		// 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();
-		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
-		context.clip();
-		
-		
-        // 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/delta, delta_d/delta,
-                      delta_b/delta, delta_e/delta,
-                      delta_c/delta, delta_f/delta);
-                 
-		context.drawImage(strip.texture.baseTexture.source, 0, 0);
-	  	context.restore();
-	};
-	
-//	context.globalCompositeOperation = 'source-over';	
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-	
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
-		context.lineWidth = data.lineWidth;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-				context.fillRect(points[0], points[1], points[2], points[3]);
-				
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-				context.strokeRect(points[0], points[1], points[2], points[3]);
-			}
-			
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
-			context.closePath();
-			
-			if(data.fill)
-			{
-				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
-      			context.fill();
-			}
-			if(data.lineWidth)
-			{
-				context.globalAlpha = data.lineAlpha * worldAlpha;
-      			context.stroke();
-			}
-		}
-      	
-	};
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
-	var worldAlpha = graphics.worldAlpha;
-	
-	var len = graphics.graphicsData.length;
-	if(len > 1)
-	{
-		len = 1;
-		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
-	}
-	
-	for (var i=0; i < 1; i++) 
-	{
-		var data = graphics.graphicsData[i];
-		var points = data.points;
-		
-		if(data.type == PIXI.Graphics.POLY)
-		{
-			//if(data.lineWidth <= 0)continue;
-			
-			context.beginPath();
-			context.moveTo(points[0], points[1]);
-			
-			for (var j=1; j < points.length/2; j++)
-			{
-				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
-	      	// if the first and last point are the same close the path - much neater :)
-	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
-	      	{
-	      		context.closePath();
-	      	}
-			
-		}
-		else if(data.type == PIXI.Graphics.RECT)
-		{
-			context.beginPath();
-			context.rect(points[0], points[1], points[2], points[3]);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.CIRC)
-		{
-			// TODO - need to be Undefined!
-      		context.beginPath();
-			context.arc(points[0], points[1], points[2],0,2*Math.PI);
-			context.closePath();
-		}
-		else if(data.type == PIXI.Graphics.ELIP)
-		{
-			
-			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			var elipseData =  data.points;
-			
-			var w = elipseData[2] * 2;
-			var h = elipseData[3] * 2;
-	
-			var x = elipseData[0] - w/2;
-			var y = elipseData[1] - h/2;
-			
-      		context.beginPath();
-			
-			var kappa = .5522848,
-			ox = (w / 2) * kappa, // control point offset horizontal
-			oy = (h / 2) * kappa, // control point offset vertical
-			xe = x + w,           // x-end
-			ye = y + h,           // y-end
-			xm = x + w / 2,       // x-middle
-			ym = y + h / 2;       // y-middle
-			
-			context.moveTo(x, ym);
-			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
-			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
-			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
-			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-			context.closePath();
-		}
-      	
-	   
-	};
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics 
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
-	PIXI.DisplayObjectContainer.call( this );
-	
-	this.renderable = true;
-
-    /**
-     * The alpha of the fill of this graphics object
-     *
-     * @property fillAlpha
-     * @type Number
-     */
-	this.fillAlpha = 1;
-
-    /**
-     * The width of any lines drawn
-     *
-     * @property lineWidth
-     * @type Number
-     */
-	this.lineWidth = 0;
-
-    /**
-     * The color of any lines drawn
-     *
-     * @property lineColor
-     * @type String
-     */
-	this.lineColor = "black";
-
-    /**
-     * Graphics data
-     *
-     * @property graphicsData
-     * @type Array
-     * @private
-     */
-	this.graphicsData = [];
-
-    /**
-     * Current path
-     *
-     * @property currentPath
-     * @type Object
-     * @private
-     */
-	this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.lineWidth = lineWidth || 0;
-	this.lineColor = color || 0;
-	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
-	this.currentPath.points.push(x, y);
-	
-	this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
-	this.currentPath.points.push(x, y);
-	this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
-	this.filling = true;
-	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
-	this.filling = false;
-	this.fillColor = null;
-	this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
-	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
-						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
-	this.graphicsData.push(this.currentPath);
-	this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
-	this.lineWidth = 0;
-	this.filling = false;
-	
-	this.dirty = true;
-	this.clearDirty = true;
-	this.graphicsData = [];
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-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];
-	}
-	
-	
-	/*
-	this.uvs = new Float32Array()
-	this.verticies = new Float32Array()
-	this.colors = new Float32Array()
-	this.indices = new Uint16Array()
-*/
-	this.width = width;
-	this.height = height;
-	
-	// 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( 'update', this.onTextureUpdateBind );
-	}
-	
-	this.renderable = true;
-}
-
-// constructor
-PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Strip.prototype.constructor = PIXI.Strip;
-
-PIXI.Strip.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// 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;
-}
-// some helper functions..
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-
-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();
-}
-
-
-// constructor
-PIXI.Rope.prototype = Object.create( PIXI.Strip.prototype );
-PIXI.Rope.prototype.constructor = PIXI.Rope;
-
-PIXI.Rope.prototype.refresh = function()
-{
-	var points = this.points;
-	if(points.length < 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 < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		// time to do some smart drawing!
-		var amount = i/(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 < 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 //+ 200
-	verticies[2] = point.x - perp.x 
-	verticies[3] = point.y - perp.y//+200
-	// time to do some smart drawing!
-	
-	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
-	{
-		
-		var point = points[i];
-		var index = i * 4;
-		
-		if(i < 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 / (total-1))) * 10;
-				if(ratio > 1)ratio = 1;
-				
-		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
-		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
-		perp.x /= perpLength;
-		perp.y /= 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)
-{
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number}  the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
-	PIXI.DisplayObjectContainer.call( this );
-
-	/**
-	 * The texture that the sprite is using
-	 *
-	 * @property texture
-	 * @type Texture
-	 */
-	this.texture = texture;
-
-	/**
-	 * The width of the tiling sprite
-	 *
-	 * @property width
-	 * @type Number
-	 */
-	this.width = width;
-
-	/**
-	 * The height of the tiling sprite
-	 *
-	 * @property height
-	 * @type Number
-	 */
-	this.height = height;
-
-	/**
-	 * The scaling of the image that is being tiled
-	 *
-	 * @property tileScale
-	 * @type Point
-	 */	
-	this.tileScale = new PIXI.Point(1,1);
-
-	/**
-	 * The offset position of the image that is being tiled
-	 *
-	 * @property tilePosition
-	 * @type Point
-	 */	
-	this.tilePosition = new PIXI.Point(0,0);
-
-	this.renderable = true;
-	
-	this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
-	//TODO SET THE TEXTURES
-	//TODO VISIBILITY
-	
-	// stop current texture 
-	this.texture = texture;
-	this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
-	this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * A class that enables the you to import and run your spine animations in pixi.
- * Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- *
- * @class Spine
- * @extends DisplayObjectContainer
- * @constructor
- * @param url {String} The url of the spine anim file to be used
- */
-PIXI.Spine = function(url)
-{
-	PIXI.DisplayObjectContainer.call(this);
-	
-	this.spineData = PIXI.AnimCache[url];
-	
-	if(!this.spineData)
-	{
-		throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-		return;
-	}
-	
-	this.count = 0;
-	
-	this.sprites = [];
-	
-	this.skeleton = new spine.Skeleton(this.spineData);
-	this.skeleton.updateWorldTransform();
-
-	this.stateData = new spine.AnimationStateData(this.spineData);	
-	this.state = new spine.AnimationState(this.stateData);
-	
-	// add the sprites..
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
-		
-		var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-		
-		// kind of an assumtion here. that its a png
-		if(!PIXI.TextureCache[attachmentName])
-		{
-			attachmentName += ".png";
-		}
-		
-		
-		var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-		sprite.anchor.x = sprite.anchor.y = 0.5;
-		this.addChild(sprite);
-		this.sprites.push(sprite);
-	};
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Spine.prototype.constructor = PIXI.Spine;
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.Spine.prototype.updateTransform = function()
-{
-	// TODO should make this time based really..
-	this.state.update(1/60);
-	this.state.apply(this.skeleton);
-	this.skeleton.updateWorldTransform();
-
-	
-	for (var i = 0; i < this.skeleton.drawOrder.length; i++) 
-	{
-		var slot = this.skeleton.drawOrder[i];
-
-		var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-		var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-		//console.log(x + ' : ' + y);
-		
-		 
-			//console.log(slot.attachment.name)
-			if(slot.cacheName != slot.attachment.name)
-			{
-				var attachmentName = slot.attachment.name;
-		
-				if(!PIXI.TextureCache[attachmentName])
-				{
-					attachmentName += ".png";
-				}
-				
-				this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-				
-				slot.cacheName = slot.attachment.name;
-			}
-		
-		x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-		y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
-		
-		
-		this.sprites[i].position.x = x;
-		this.sprites[i].position.y = y;
-		this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
-	}	
-	
-	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
-
-/*
- * Awesome JS run time provided by EsotericSoftware
- * 
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-var spine = {};
-
-spine.BoneData = function (name, parent) {
-	this.name = name;
-	this.parent = parent;
-};
-spine.BoneData.prototype = {
-	length: 0,
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1
-};
-
-spine.SlotData = function (name, boneData) {
-	this.name = name;
-	this.boneData = boneData;
-};
-spine.SlotData.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	attachmentName: null
-};
-
-spine.Bone = function (boneData, parent) {
-	this.data = boneData;
-	this.parent = parent;
-	this.setToSetupPose();
-};
-spine.Bone.yDown = false;
-spine.Bone.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	m00: 0, m01: 0, worldX: 0, // a b x
-	m10: 0, m11: 0, worldY: 0, // c d y
-	worldRotation: 0,
-	worldScaleX: 1, worldScaleY: 1,
-	updateWorldTransform: function (flipX, flipY) {
-		var parent = this.parent;
-		if (parent != null) {
-			this.worldX = this.x * parent.m00 + this.y * parent.m01 + parent.worldX;
-			this.worldY = this.x * parent.m10 + this.y * parent.m11 + parent.worldY;
-			this.worldScaleX = parent.worldScaleX * this.scaleX;
-			this.worldScaleY = parent.worldScaleY * this.scaleY;
-			this.worldRotation = parent.worldRotation + this.rotation;
-		} else {
-			this.worldX = this.x;
-			this.worldY = this.y;
-			this.worldScaleX = this.scaleX;
-			this.worldScaleY = this.scaleY;
-			this.worldRotation = this.rotation;
-		}
-		var radians = this.worldRotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		this.m00 = cos * this.worldScaleX;
-		this.m10 = sin * this.worldScaleX;
-		this.m01 = -sin * this.worldScaleY;
-		this.m11 = cos * this.worldScaleY;
-		if (flipX) {
-			this.m00 = -this.m00;
-			this.m01 = -this.m01;
-		}
-		if (flipY) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-		if (spine.Bone.yDown) {
-			this.m10 = -this.m10;
-			this.m11 = -this.m11;
-		}
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.x = data.x;
-		this.y = data.y;
-		this.rotation = data.rotation;
-		this.scaleX = data.scaleX;
-		this.scaleY = data.scaleY;
-	}
-};
-
-spine.Slot = function (slotData, skeleton, bone) {
-	this.data = slotData;
-	this.skeleton = skeleton;
-	this.bone = bone;
-	this.setToSetupPose();
-};
-spine.Slot.prototype = {
-	r: 1, g: 1, b: 1, a: 1,
-	_attachmentTime: 0,
-	attachment: null,
-	setAttachment: function (attachment) {
-		this.attachment = attachment;
-		this._attachmentTime = this.skeleton.time;
-	},
-	setAttachmentTime: function (time) {
-		this._attachmentTime = this.skeleton.time - time;
-	},
-	getAttachmentTime: function () {
-		return this.skeleton.time - this._attachmentTime;
-	},
-	setToSetupPose: function () {
-		var data = this.data;
-		this.r = data.r;
-		this.g = data.g;
-		this.b = data.b;
-		this.a = data.a;
-		
-		var slotDatas = this.skeleton.data.slots;
-		for (var i = 0, n = slotDatas.length; i < n; i++) {
-			if (slotDatas[i] == data) {
-				this.setAttachment(!data.attachmentName ? null : this.skeleton.getAttachmentBySlotIndex(i, data.attachmentName));
-				break;
-			}
-		}
-	}
-};
-
-spine.Skin = function (name) {
-	this.name = name;
-	this.attachments = {};
-};
-spine.Skin.prototype = {
-	addAttachment: function (slotIndex, name, attachment) {
-		this.attachments[slotIndex + ":" + name] = attachment;
-	},
-	getAttachment: function (slotIndex, name) {
-		return this.attachments[slotIndex + ":" + name];
-	},
-	_attachAll: function (skeleton, oldSkin) {
-		for (var key in oldSkin.attachments) {
-			var colon = key.indexOf(":");
-			var slotIndex = parseInt(key.substring(0, colon));
-			var name = key.substring(colon + 1);
-			var slot = skeleton.slots[slotIndex];
-			if (slot.attachment && slot.attachment.name == name) {
-				var attachment = this.getAttachment(slotIndex, name);
-				if (attachment) slot.setAttachment(attachment);
-			}
-		}
-	}
-};
-
-spine.Animation = function (name, timelines, duration) {
-	this.name = name;
-	this.timelines = timelines;
-	this.duration = duration;
-};
-spine.Animation.prototype = {
-	apply: function (skeleton, time, loop) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, 1);
-	},
-	mix: function (skeleton, time, loop, alpha) {
-		if (loop && this.duration != 0) time %= this.duration;
-		var timelines = this.timelines;
-		for (var i = 0, n = timelines.length; i < n; i++)
-			timelines[i].apply(skeleton, time, alpha);
-	}
-};
-
-spine.binarySearch = function (values, target, step) {
-	var low = 0;
-	var high = Math.floor(values.length / step) - 2;
-	if (high == 0) return step;
-	var current = high >>> 1;
-	while (true) {
-		if (values[(current + 1) * step] <= target)
-			low = current + 1;
-		else
-			high = current;
-		if (low == high) return (low + 1) * step;
-		current = (low + high) >>> 1;
-	}
-};
-spine.linearSearch = function (values, target, step) {
-	for (var i = 0, last = values.length - step; i <= last; i += step)
-		if (values[i] > target) return i;
-	return -1;
-};
-
-spine.Curves = function (frameCount) {
-	this.curves = []; // dfx, dfy, ddfx, ddfy, dddfx, dddfy, ...
-	this.curves.length = (frameCount - 1) * 6;
-};
-spine.Curves.prototype = {
-	setLinear: function (frameIndex) {
-		this.curves[frameIndex * 6] = 0/*LINEAR*/;
-	},
-	setStepped: function (frameIndex) {
-		this.curves[frameIndex * 6] = -1/*STEPPED*/;
-	},
-	/** Sets the control handle positions for an interpolation bezier curve used to transition from this keyframe to the next.
-	 * cx1 and cx2 are from 0 to 1, representing the percent of time between the two keyframes. cy1 and cy2 are the percent of
-	 * the difference between the keyframe's values. */
-	setCurve: function (frameIndex, cx1, cy1, cx2, cy2) {
-		var subdiv_step = 1 / 10/*BEZIER_SEGMENTS*/;
-		var subdiv_step2 = subdiv_step * subdiv_step;
-		var subdiv_step3 = subdiv_step2 * subdiv_step;
-		var pre1 = 3 * subdiv_step;
-		var pre2 = 3 * subdiv_step2;
-		var pre4 = 6 * subdiv_step2;
-		var pre5 = 6 * subdiv_step3;
-		var tmp1x = -cx1 * 2 + cx2;
-		var tmp1y = -cy1 * 2 + cy2;
-		var tmp2x = (cx1 - cx2) * 3 + 1;
-		var tmp2y = (cy1 - cy2) * 3 + 1;
-		var i = frameIndex * 6;
-		var curves = this.curves;
-		curves[i] = cx1 * pre1 + tmp1x * pre2 + tmp2x * subdiv_step3;
-		curves[i + 1] = cy1 * pre1 + tmp1y * pre2 + tmp2y * subdiv_step3;
-		curves[i + 2] = tmp1x * pre4 + tmp2x * pre5;
-		curves[i + 3] = tmp1y * pre4 + tmp2y * pre5;
-		curves[i + 4] = tmp2x * pre5;
-		curves[i + 5] = tmp2y * pre5;
-	},
-	getCurvePercent: function (frameIndex, percent) {
-		percent = percent < 0 ? 0 : (percent > 1 ? 1 : percent);
-		var curveIndex = frameIndex * 6;
-		var curves = this.curves;
-		var dfx = curves[curveIndex];
-		if (!dfx/*LINEAR*/) return percent;
-		if (dfx == -1/*STEPPED*/) return 0;
-		var dfy = curves[curveIndex + 1];
-		var ddfx = curves[curveIndex + 2];
-		var ddfy = curves[curveIndex + 3];
-		var dddfx = curves[curveIndex + 4];
-		var dddfy = curves[curveIndex + 5];
-		var x = dfx, y = dfy;
-		var i = 10/*BEZIER_SEGMENTS*/ - 2;
-		while (true) {
-			if (x >= percent) {
-				var lastX = x - dfx;
-				var lastY = y - dfy;
-				return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
-			}
-			if (i == 0) break;
-			i--;
-			dfx += ddfx;
-			dfy += ddfy;
-			ddfx += dddfx;
-			ddfy += dddfy;
-			x += dfx;
-			y += dfy;
-		}
-		return y + (1 - y) * (percent - x) / (1 - x); // Last point is 1,1.
-	}
-};
-
-spine.RotateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, angle, ...
-	this.frames.length = frameCount * 2;
-};
-spine.RotateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, angle) {
-		frameIndex *= 2;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = angle;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 2]) { // Time is after last frame.
-			var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
-			while (amount > 180)
-				amount -= 360;
-			while (amount < -180)
-				amount += 360;
-			bone.rotation += amount * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 2);
-		var lastFrameValue = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
-
-		var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		amount = bone.data.rotation + (lastFrameValue + amount * percent) - bone.rotation;
-		while (amount > 180)
-			amount -= 360;
-		while (amount < -180)
-			amount += 360;
-		bone.rotation += amount * alpha;
-	}
-};
-
-spine.TranslateTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.TranslateTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.x += (bone.data.x + frames[frames.length - 2] - bone.x) * alpha;
-			bone.y += (bone.data.y + frames[frames.length - 1] - bone.y) * alpha;
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-		bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
-		bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
-	}
-};
-
-spine.ScaleTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, x, y, ...
-	this.frames.length = frameCount * 3;
-};
-spine.ScaleTimeline.prototype = {
-	boneIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 3;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 3;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = x;
-		this.frames[frameIndex + 2] = y;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		
-		var bone = skeleton.bones[this.boneIndex];
-
-		if (time >= frames[frames.length - 3]) { // Time is after last frame.
-			bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
-			bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-			
-			
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 3);
-		var lastFrameX = frames[frameIndex - 2];
-		var lastFrameY = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
-
-		bone.scaleX += (bone.data.scaleX - 1 + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.scaleX) * alpha;
-		bone.scaleY += (bone.data.scaleY - 1 + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.scaleY) * alpha;
-	}
-};
-
-spine.ColorTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, r, g, b, a, ...
-	this.frames.length = frameCount * 5;
-};
-spine.ColorTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, x, y) {
-		frameIndex *= 5;
-		this.frames[frameIndex] = time;
-		this.frames[frameIndex + 1] = r;
-		this.frames[frameIndex + 2] = g;
-		this.frames[frameIndex + 3] = b;
-		this.frames[frameIndex + 4] = a;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-		var slot = skeleton.slots[this.slotIndex];
-
-		if (time >= frames[frames.length - 5]) { // Time is after last frame.
-			var i = frames.length - 1;
-			slot.r = frames[i - 3];
-			slot.g = frames[i - 2];
-			slot.b = frames[i - 1];
-			slot.a = frames[i];
-			return;
-		}
-
-		// Interpolate between the last frame and the current frame.
-		var frameIndex = spine.binarySearch(frames, time, 5);
-		var lastFrameR = frames[frameIndex - 4];
-		var lastFrameG = frames[frameIndex - 3];
-		var lastFrameB = frames[frameIndex - 2];
-		var lastFrameA = frames[frameIndex - 1];
-		var frameTime = frames[frameIndex];
-		var percent = 1 - (time - frameTime) / (frames[frameIndex - 5/*LAST_FRAME_TIME*/] - frameTime);
-		percent = this.curves.getCurvePercent(frameIndex / 5 - 1, percent);
-
-		var r = lastFrameR + (frames[frameIndex + 1/*FRAME_R*/] - lastFrameR) * percent;
-		var g = lastFrameG + (frames[frameIndex + 2/*FRAME_G*/] - lastFrameG) * percent;
-		var b = lastFrameB + (frames[frameIndex + 3/*FRAME_B*/] - lastFrameB) * percent;
-		var a = lastFrameA + (frames[frameIndex + 4/*FRAME_A*/] - lastFrameA) * percent;
-		if (alpha < 1) {
-			slot.r += (r - slot.r) * alpha;
-			slot.g += (g - slot.g) * alpha;
-			slot.b += (b - slot.b) * alpha;
-			slot.a += (a - slot.a) * alpha;
-		} else {
-			slot.r = r;
-			slot.g = g;
-			slot.b = b;
-			slot.a = a;
-		}
-	}
-};
-
-spine.AttachmentTimeline = function (frameCount) {
-	this.curves = new spine.Curves(frameCount);
-	this.frames = []; // time, ...
-	this.frames.length = frameCount;
-	this.attachmentNames = []; // time, ...
-	this.attachmentNames.length = frameCount;
-};
-spine.AttachmentTimeline.prototype = {
-	slotIndex: 0,
-	getFrameCount: function () {
-		return this.frames.length / 2;
-	},
-	setFrame: function (frameIndex, time, attachmentName) {
-		this.frames[frameIndex] = time;
-		this.attachmentNames[frameIndex] = attachmentName;
-	},
-	apply: function (skeleton, time, alpha) {
-		var frames = this.frames;
-		if (time < frames[0]) return; // Time is before first frame.
-
-		var frameIndex;
-		if (time >= frames[frames.length - 1]) // Time is after last frame.
-			frameIndex = frames.length - 1;
-		else
-			frameIndex = spine.binarySearch(frames, time, 1) - 1;
-
-		var attachmentName = this.attachmentNames[frameIndex];
-		//console.log(skeleton.slots[this.slotIndex])
-		
-		// change the name!
-	//	skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-		
-		skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
-	}
-};
-
-spine.SkeletonData = function () {
-	this.bones = [];
-	this.slots = [];
-	this.skins = [];
-	this.animations = [];
-};
-spine.SkeletonData.prototype = {
-	defaultSkin: null,
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++) {
-			if (slots[i].name == slotName) return slot[i];
-		}
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].name == slotName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSkin: function (skinName) {
-		var skins = this.skins;
-		for (var i = 0, n = skins.length; i < n; i++)
-			if (skins[i].name == skinName) return skins[i];
-		return null;
-	},
-	/** @return May be null. */
-	findAnimation: function (animationName) {
-		var animations = this.animations;
-		for (var i = 0, n = animations.length; i < n; i++)
-			if (animations[i].name == animationName) return animations[i];
-		return null;
-	}
-};
-
-spine.Skeleton = function (skeletonData) {
-	this.data = skeletonData;
-
-	this.bones = [];
-	for (var i = 0, n = skeletonData.bones.length; i < n; i++) {
-		var boneData = skeletonData.bones[i];
-		var parent = !boneData.parent ? null : this.bones[skeletonData.bones.indexOf(boneData.parent)];
-		this.bones.push(new spine.Bone(boneData, parent));
-	}
-
-	this.slots = [];
-	this.drawOrder = [];
-	for (var i = 0, n = skeletonData.slots.length; i < n; i++) {
-		var slotData = skeletonData.slots[i];
-		var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
-		var slot = new spine.Slot(slotData, this, bone);
-		this.slots.push(slot);
-		this.drawOrder.push(slot);
-	}
-};
-spine.Skeleton.prototype = {
-	x: 0, y: 0,
-	skin: null,
-	r: 1, g: 1, b: 1, a: 1,
-	time: 0,
-	flipX: false, flipY: false,
-	/** Updates the world transform for each bone. */
-	updateWorldTransform: function () {
-		var flipX = this.flipX;
-		var flipY = this.flipY;
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].updateWorldTransform(flipX, flipY);
-	},
-	/** Sets the bones and slots to their setup pose values. */
-	setToSetupPose: function () {
-		this.setBonesToSetupPose();
-		this.setSlotsToSetupPose();
-	},
-	setBonesToSetupPose: function () {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			bones[i].setToSetupPose();
-	},
-	setSlotsToSetupPose: function () {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			slots[i].setToSetupPose(i);
-	},
-	/** @return May return null. */
-	getRootBone: function () {
-		return this.bones.length == 0 ? null : this.bones[0];
-	},
-	/** @return May be null. */
-	findBone: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return bones[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findBoneIndex: function (boneName) {
-		var bones = this.bones;
-		for (var i = 0, n = bones.length; i < n; i++)
-			if (bones[i].data.name == boneName) return i;
-		return -1;
-	},
-	/** @return May be null. */
-	findSlot: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return slots[i];
-		return null;
-	},
-	/** @return -1 if the bone was not found. */
-	findSlotIndex: function (slotName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.length; i < n; i++)
-			if (slots[i].data.name == slotName) return i;
-		return -1;
-	},
-	setSkinByName: function (skinName) {
-		var skin = this.data.findSkin(skinName);
-		if (!skin) throw "Skin not found: " + skinName;
-		this.setSkin(skin);
-	},
-	/** Sets the skin used to look up attachments not found in the {@link SkeletonData#getDefaultSkin() default skin}. Attachments
-	 * from the new skin are attached if the corresponding attachment from the old skin was attached.
-	 * @param newSkin May be null. */
-	setSkin: function (newSkin) {
-		if (this.skin && newSkin) newSkin._attachAll(this, this.skin);
-		this.skin = newSkin;
-	},
-	/** @return May be null. */
-	getAttachmentBySlotName: function (slotName, attachmentName) {
-		return this.getAttachmentBySlotIndex(this.data.findSlotIndex(slotName), attachmentName);
-	},
-	/** @return May be null. */
-	getAttachmentBySlotIndex: function (slotIndex, attachmentName) {
-		if (this.skin) {
-			var attachment = this.skin.getAttachment(slotIndex, attachmentName);
-			if (attachment) return attachment;
-		}
-		if (this.data.defaultSkin) return this.data.defaultSkin.getAttachment(slotIndex, attachmentName);
-		return null;
-	},
-	/** @param attachmentName May be null. */
-	setAttachment: function (slotName, attachmentName) {
-		var slots = this.slots;
-		for (var i = 0, n = slots.size; i < n; i++) {
-			var slot = slots[i];
-			if (slot.data.name == slotName) {
-				var attachment = null;
-				if (attachmentName) {
-					
-					attachment = this.getAttachment(i, attachmentName);
-					if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
-				}
-				
-				slot.setAttachment(attachment);
-				return;
-			}
-		}
-		throw "Slot not found: " + slotName;
-	},
-	update: function (delta) {
-		time += delta;
-	}
-};
-
-spine.AttachmentType = {
-	region: 0
-};
-
-spine.RegionAttachment = function () {
-	this.offset = [];
-	this.offset.length = 8;
-	this.uvs = [];
-	this.uvs.length = 8;
-};
-spine.RegionAttachment.prototype = {
-	x: 0, y: 0,
-	rotation: 0,
-	scaleX: 1, scaleY: 1,
-	width: 0, height: 0,
-	rendererObject: null,
-	regionOffsetX: 0, regionOffsetY: 0,
-	regionWidth: 0, regionHeight: 0,
-	regionOriginalWidth: 0, regionOriginalHeight: 0,
-	setUVs: function (u, v, u2, v2, rotate) {
-		var uvs = this.uvs;
-		if (rotate) {
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v2;
-			uvs[4/*X3*/] = u;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v;
-			uvs[0/*X1*/] = u2;
-			uvs[1/*Y1*/] = v2;
-		} else {
-			uvs[0/*X1*/] = u;
-			uvs[1/*Y1*/] = v2;
-			uvs[2/*X2*/] = u;
-			uvs[3/*Y2*/] = v;
-			uvs[4/*X3*/] = u2;
-			uvs[5/*Y3*/] = v;
-			uvs[6/*X4*/] = u2;
-			uvs[7/*Y4*/] = v2;
-		}
-	},
-	updateOffset: function () {
-		var regionScaleX = this.width / this.regionOriginalWidth * this.scaleX;
-		var regionScaleY = this.height / this.regionOriginalHeight * this.scaleY;
-		var localX = -this.width / 2 * this.scaleX + this.regionOffsetX * regionScaleX;
-		var localY = -this.height / 2 * this.scaleY + this.regionOffsetY * regionScaleY;
-		var localX2 = localX + this.regionWidth * regionScaleX;
-		var localY2 = localY + this.regionHeight * regionScaleY;
-		var radians = this.rotation * Math.PI / 180;
-		var cos = Math.cos(radians);
-		var sin = Math.sin(radians);
-		var localXCos = localX * cos + this.x;
-		var localXSin = localX * sin;
-		var localYCos = localY * cos + this.y;
-		var localYSin = localY * sin;
-		var localX2Cos = localX2 * cos + this.x;
-		var localX2Sin = localX2 * sin;
-		var localY2Cos = localY2 * cos + this.y;
-		var localY2Sin = localY2 * sin;
-		var offset = this.offset;
-		offset[0/*X1*/] = localXCos - localYSin;
-		offset[1/*Y1*/] = localYCos + localXSin;
-		offset[2/*X2*/] = localXCos - localY2Sin;
-		offset[3/*Y2*/] = localY2Cos + localXSin;
-		offset[4/*X3*/] = localX2Cos - localY2Sin;
-		offset[5/*Y3*/] = localY2Cos + localX2Sin;
-		offset[6/*X4*/] = localX2Cos - localYSin;
-		offset[7/*Y4*/] = localYCos + localX2Sin;
-	},
-	computeVertices: function (x, y, bone, vertices) {
-		
-		x += bone.worldX;
-		y += bone.worldY;
-		var m00 = bone.m00;
-		var m01 = bone.m01;
-		var m10 = bone.m10;
-		var m11 = bone.m11;
-		var offset = this.offset;
-		vertices[0/*X1*/] = offset[0/*X1*/] * m00 + offset[1/*Y1*/] * m01 + x;
-		vertices[1/*Y1*/] = offset[0/*X1*/] * m10 + offset[1/*Y1*/] * m11 + y;
-		vertices[2/*X2*/] = offset[2/*X2*/] * m00 + offset[3/*Y2*/] * m01 + x;
-		vertices[3/*Y2*/] = offset[2/*X2*/] * m10 + offset[3/*Y2*/] * m11 + y;
-		vertices[4/*X3*/] = offset[4/*X3*/] * m00 + offset[5/*X3*/] * m01 + x;
-		vertices[5/*X3*/] = offset[4/*X3*/] * m10 + offset[5/*X3*/] * m11 + y;
-		vertices[6/*X4*/] = offset[6/*X4*/] * m00 + offset[7/*Y4*/] * m01 + x;
-		vertices[7/*Y4*/] = offset[6/*X4*/] * m10 + offset[7/*Y4*/] * m11 + y;
-	}
-}
-
-spine.AnimationStateData = function (skeletonData) {
-	this.skeletonData = skeletonData;
-	this.animationToMixTime = {};
-};
-spine.AnimationStateData.prototype = {
-	setMixByName: function (fromName, toName, duration) {
-		var from = this.skeletonData.findAnimation(fromName);
-		if (!from) throw "Animation not found: " + fromName;
-		var to = this.skeletonData.findAnimation(toName);
-		if (!to) throw "Animation not found: " + toName;
-		this.setMix(from, to, duration);
-	},
-	setMix: function (from, to, duration) {
-		this.animationToMixTime[from.name + ":" + to.name] = duration;
-	},
-	getMix: function (from, to) {
-		var time = this.animationToMixTime[from.name + ":" + to.name];
-		return time ? time : 0;
-	}
-};
-
-spine.AnimationState = function (stateData) {
-	this.data = stateData;
-	this.queue = [];
-};
-spine.AnimationState.prototype = {
-	current: null,
-	previous: null,
-	currentTime: 0,
-	previousTime: 0,
-	currentLoop: false,
-	previousLoop: false,
-	mixTime: 0,
-	mixDuration: 0,
-	update: function (delta) {
-		this.currentTime += delta;
-		this.previousTime += delta;
-		this.mixTime += delta;
-
-		if (this.queue.length > 0) {
-			var entry = this.queue[0];
-			if (this.currentTime >= entry.delay) {
-				this._setAnimation(entry.animation, entry.loop);
-				this.queue.shift();
-			}
-		}
-	},
-	apply: function (skeleton) {
-		if (!this.current) return;
-		if (this.previous) {
-			this.previous.apply(skeleton, this.previousTime, this.previousLoop);
-			var alpha = this.mixTime / this.mixDuration;
-			if (alpha >= 1) {
-				alpha = 1;
-				this.previous = null;
-			}
-			this.current.mix(skeleton, this.currentTime, this.currentLoop, alpha);
-		} else 
-			this.current.apply(skeleton, this.currentTime, this.currentLoop);
-	},
-	clearAnimation: function () {
-		this.previous = null;
-		this.current = null;
-		this.queue.length = 0;
-	},
-	_setAnimation: function (animation, loop) {
-		this.previous = null;
-		if (animation && this.current) {
-			this.mixDuration = this.data.getMix(this.current, animation);
-			if (this.mixDuration > 0) {
-				this.mixTime = 0;
-				this.previous = this.current;
-				this.previousTime = this.currentTime;
-				this.previousLoop = this.currentLoop;
-			}
-		}
-		this.current = animation;
-		this.currentLoop = loop;
-		this.currentTime = 0;
-	},
-	/** @see #setAnimation(Animation, Boolean) */
-	setAnimationByName: function (animationName, loop) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.setAnimation(animation, loop);
-	},
-	/** Set the current animation. Any queued animations are cleared and the current animation time is set to 0.
-	 * @param animation May be null. */
-	setAnimation: function (animation, loop) {
-		this.queue.length = 0;
-		this._setAnimation(animation, loop);
-	},
-	/** @see #addAnimation(Animation, Boolean, Number) */
-	addAnimationByName: function (animationName, loop, delay) {
-		var animation = this.data.skeletonData.findAnimation(animationName);
-		if (!animation) throw "Animation not found: " + animationName;
-		this.addAnimation(animation, loop, delay);
-	},
-	/** Adds an animation to be played delay seconds after the current or last queued animation.
-	 * @param delay May be <= 0 to use duration of previous animation minus any mix duration plus the negative delay. */
-	addAnimation: function (animation, loop, delay) {
-		var entry = {};
-		entry.animation = animation;
-		entry.loop = loop;
-
-		if (!delay || delay <= 0) {
-			var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
-			if (previousAnimation != null)
-				delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
-			else
-				delay = 0;
-		}
-		entry.delay = delay;
-
-		this.queue.push(entry);
-	},
-	/** Returns true if no animation is set or if the current time is greater than the animation duration, regardless of looping. */
-	isComplete: function () {
-		return !this.current || this.currentTime >= this.current.duration;
-	}
-};
-
-spine.SkeletonJson = function (attachmentLoader) {
-	this.attachmentLoader = attachmentLoader;
-};
-spine.SkeletonJson.prototype = {
-	scale: 1,
-	readSkeletonData: function (root) {
-		var skeletonData = new spine.SkeletonData();
-
-		// Bones.
-		var bones = root["bones"];
-		for (var i = 0, n = bones.length; i < n; i++) {
-			var boneMap = bones[i];
-			var parent = null;
-			if (boneMap["parent"]) {
-				parent = skeletonData.findBone(boneMap["parent"]);
-				if (!parent) throw "Parent bone not found: " + boneMap["parent"];
-			}
-			var boneData = new spine.BoneData(boneMap["name"], parent);
-			boneData.length = (boneMap["length"] || 0) * this.scale;
-			boneData.x = (boneMap["x"] || 0) * this.scale;
-			boneData.y = (boneMap["y"] || 0) * this.scale;
-			boneData.rotation = (boneMap["rotation"] || 0);
-			boneData.scaleX = boneMap["scaleX"] || 1;
-			boneData.scaleY = boneMap["scaleY"] || 1;
-			skeletonData.bones.push(boneData);
-		}
-
-		// Slots.
-		var slots = root["slots"];
-		for (var i = 0, n = slots.length; i < n; i++) {
-			var slotMap = slots[i];
-			var boneData = skeletonData.findBone(slotMap["bone"]);
-			if (!boneData) throw "Slot bone not found: " + slotMap["bone"];
-			var slotData = new spine.SlotData(slotMap["name"], boneData);
-
-			var color = slotMap["color"];
-			if (color) {
-				slotData.r = spine.SkeletonJson.toColor(color, 0);
-				slotData.g = spine.SkeletonJson.toColor(color, 1);
-				slotData.b = spine.SkeletonJson.toColor(color, 2);
-				slotData.a = spine.SkeletonJson.toColor(color, 3);
-			}
-
-			slotData.attachmentName = slotMap["attachment"];
-
-			skeletonData.slots.push(slotData);
-		}
-
-		// Skins.
-		var skins = root["skins"];
-		for (var skinName in skins) {
-			if (!skins.hasOwnProperty(skinName)) continue;
-			var skinMap = skins[skinName];
-			var skin = new spine.Skin(skinName);
-			for (var slotName in skinMap) {
-				if (!skinMap.hasOwnProperty(slotName)) continue;
-				var slotIndex = skeletonData.findSlotIndex(slotName);
-				var slotEntry = skinMap[slotName];
-				for (var attachmentName in slotEntry) {
-					if (!slotEntry.hasOwnProperty(attachmentName)) continue;
-					var attachment = this.readAttachment(skin, attachmentName, slotEntry[attachmentName]);
-					if (attachment != null) skin.addAttachment(slotIndex, attachmentName, attachment);
-				}
-			}
-			skeletonData.skins.push(skin);
-			if (skin.name == "default") skeletonData.defaultSkin = skin;
-		}
-
-		// Animations.
-		var animations = root["animations"];
-		for (var animationName in animations) {
-			if (!animations.hasOwnProperty(animationName)) continue;
-			this.readAnimation(animationName, animations[animationName], skeletonData);
-		}
-
-		return skeletonData;
-	},
-	readAttachment: function (skin, name, map) {
-		name = map["name"] || name;
-
-		var type = spine.AttachmentType[map["type"] || "region"];
-		
-		// @ekelokorpi
-		// var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-		var attachment = new spine.RegionAttachment();
-		
-		// @Doormat23
-		// add the name of the attachment
-		attachment.name = name;
-		
-		if (type == spine.AttachmentType.region) {
-			attachment.x = (map["x"] || 0) * this.scale;
-			attachment.y = (map["y"] || 0) * this.scale;
-			attachment.scaleX = map["scaleX"] || 1;
-			attachment.scaleY = map["scaleY"] || 1;
-			attachment.rotation = map["rotation"] || 0;
-			attachment.width = (map["width"] || 32) * this.scale;
-			attachment.height = (map["height"] || 32) * this.scale;
-			attachment.updateOffset();
-		}
-
-		return attachment;
-	},
-	readAnimation: function (name, map, skeletonData) {
-		var timelines = [];
-		var duration = 0;
-
-		var bones = map["bones"];
-		for (var boneName in bones) {
-			if (!bones.hasOwnProperty(boneName)) continue;
-			var boneIndex = skeletonData.findBoneIndex(boneName);
-			if (boneIndex == -1) throw "Bone not found: " + boneName;
-			var boneMap = bones[boneName];
-
-			for (var timelineName in boneMap) {
-				if (!boneMap.hasOwnProperty(timelineName)) continue;
-				var values = boneMap[timelineName];
-				if (timelineName == "rotate") {
-					var timeline = new spine.RotateTimeline(values.length);
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex, valueMap["time"], valueMap["angle"]);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
-
-				} else if (timelineName == "translate" || timelineName == "scale") {
-					var timeline;
-					var timelineScale = 1;
-					if (timelineName == "scale")
-						timeline = new spine.ScaleTimeline(values.length);
-					else {
-						timeline = new spine.TranslateTimeline(values.length);
-						timelineScale = this.scale;
-					}
-					timeline.boneIndex = boneIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var x = (valueMap["x"] || 0) * timelineScale;
-						var y = (valueMap["y"] || 0) * timelineScale;
-						timeline.setFrame(frameIndex, valueMap["time"], x, y);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 3 - 3]);
-					
-				} else
-					throw "Invalid timeline type for a bone: " + timelineName + " (" + boneName + ")";
-			}
-		}
-		var slots = map["slots"];
-		for (var slotName in slots) {
-			if (!slots.hasOwnProperty(slotName)) continue;
-			var slotMap = slots[slotName];
-			var slotIndex = skeletonData.findSlotIndex(slotName);
-
-			for (var timelineName in slotMap) {
-				if (!slotMap.hasOwnProperty(timelineName)) continue;
-				var values = slotMap[timelineName];
-				if (timelineName == "color") {
-					var timeline = new spine.ColorTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						var color = valueMap["color"];
-						var r = spine.SkeletonJson.toColor(color, 0);
-						var g = spine.SkeletonJson.toColor(color, 1);
-						var b = spine.SkeletonJson.toColor(color, 2);
-						var a = spine.SkeletonJson.toColor(color, 3);
-						timeline.setFrame(frameIndex, valueMap["time"], r, g, b, a);
-						spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
-						frameIndex++;
-					}
-					timelines.push(timeline);
-					duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
-
-				} else if (timelineName == "attachment") {
-					var timeline = new spine.AttachmentTimeline(values.length);
-					timeline.slotIndex = slotIndex;
-
-					var frameIndex = 0;
-					for (var i = 0, n = values.length; i < n; i++) {
-						var valueMap = values[i];
-						timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
-					}
-					timelines.push(timeline);
-					// PIXI FIX
-					duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
-				} else
-					throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
-			}
-		}
-		skeletonData.animations.push(new spine.Animation(name, timelines, duration));
-	}
-};
-spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
-	var curve = valueMap["curve"];
-	if (!curve) return;
-	if (curve == "stepped")
-		timeline.curves.setStepped(frameIndex);
-	else if (curve instanceof Array)
-		timeline.curves.setCurve(frameIndex, curve[0], curve[1], curve[2], curve[3]);
-};
-spine.SkeletonJson.toColor = function (hexString, colorIndex) {
-	if (hexString.length != 8) throw "Color hexidecimal length must be 8, recieved: " + hexString;
-	return parseInt(hexString.substring(colorIndex * 2, 2), 16) / 255;
-};
-
-spine.Atlas = function (atlasText, textureLoader) {
-	this.textureLoader = textureLoader;
-	this.pages = [];
-	this.regions = [];
-
-	var reader = new spine.AtlasReader(atlasText);
-	var tuple = [];
-	tuple.length = 4;
-	var page = null;
-	while (true) {
-		var line = reader.readLine();
-		if (line == null) break;
-		line = reader.trim(line);
-		if (line.length == 0)
-			page = null;
-		else if (!page) {
-			page = new spine.AtlasPage();
-			page.name = line;
-
-			page.format = spine.Atlas.Format[reader.readValue()];
-
-			reader.readTuple(tuple);
-			page.minFilter = spine.Atlas.TextureFilter[tuple[0]];
-			page.magFilter = spine.Atlas.TextureFilter[tuple[1]];
-
-			var direction = reader.readValue();
-			page.uWrap = spine.Atlas.TextureWrap.clampToEdge;
-			page.vWrap = spine.Atlas.TextureWrap.clampToEdge;
-			if (direction == "x")
-				page.uWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "y")
-				page.vWrap = spine.Atlas.TextureWrap.repeat;
-			else if (direction == "xy")
-				page.uWrap = page.vWrap = spine.Atlas.TextureWrap.repeat;
-
-			textureLoader.load(page, line);
-
-			this.pages.push(page);
-
-		} else {
-			var region = new spine.AtlasRegion();
-			region.name = line;
-			region.page = page;
-
-			region.rotate = reader.readValue() == "true";
-
-			reader.readTuple(tuple);
-			var x = parseInt(tuple[0]);
-			var y = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			var width = parseInt(tuple[0]);
-			var height = parseInt(tuple[1]);
-
-			region.u = x / page.width;
-			region.v = y / page.height;
-			if (region.rotate) {
-				region.u2 = (x + height) / page.width;
-				region.v2 = (y + width) / page.height;
-			} else {
-				region.u2 = (x + width) / page.width;
-				region.v2 = (y + height) / page.height;
-			}
-			region.x = x;
-			region.y = y;
-			region.width = Math.abs(width);
-			region.height = Math.abs(height);
-
-			if (reader.readTuple(tuple) == 4) { // split is optional
-				region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-				if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
-					region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
-
-					reader.readTuple(tuple);
-				}
-			}
-
-			region.originalWidth = parseInt(tuple[0]);
-			region.originalHeight = parseInt(tuple[1]);
-
-			reader.readTuple(tuple);
-			region.offsetX = parseInt(tuple[0]);
-			region.offsetY = parseInt(tuple[1]);
-
-			region.index = parseInt(reader.readValue());
-
-			this.regions.push(region);
-		}
-	}
-};
-spine.Atlas.prototype = {
-	findRegion: function (name) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++)
-			if (regions[i].name == name) return regions[i];
-		return null;
-	},
-	dispose: function () {
-		var pages = this.pages;
-		for (var i = 0, n = pages.length; i < n; i++)
-			this.textureLoader.unload(pages[i].rendererObject);
-	},
-	updateUVs: function (page) {
-		var regions = this.regions;
-		for (var i = 0, n = regions.length; i < n; i++) {
-			var region = regions[i];
-			if (region.page != page) continue;
-			region.u = region.x / page.width;
-			region.v = region.y / page.height;
-			if (region.rotate) {
-				region.u2 = (region.x + region.height) / page.width;
-				region.v2 = (region.y + region.width) / page.height;
-			} else {
-				region.u2 = (region.x + region.width) / page.width;
-				region.v2 = (region.y + region.height) / page.height;
-			}
-		}
-	}
-};
-
-spine.Atlas.Format = {
-	alpha: 0,
-	intensity: 1,
-	luminanceAlpha: 2,
-	rgb565: 3,
-	rgba4444: 4,
-	rgb888: 5,
-	rgba8888: 6
-};
-
-spine.Atlas.TextureFilter = {
-	nearest: 0,
-	linear: 1,
-	mipMap: 2,
-	mipMapNearestNearest: 3,
-	mipMapLinearNearest: 4,
-	mipMapNearestLinear: 5,
-	mipMapLinearLinear: 6
-};
-
-spine.Atlas.TextureWrap = {
-	mirroredRepeat: 0,
-	clampToEdge: 1,
-	repeat: 2
-};
-
-spine.AtlasPage = function () {};
-spine.AtlasPage.prototype = {
-	name: null,
-	format: null,
-	minFilter: null,
-	magFilter: null,
-	uWrap: null,
-	vWrap: null,
-	rendererObject: null,
-	width: 0,
-	height: 0
-};
-
-spine.AtlasRegion = function () {};
-spine.AtlasRegion.prototype = {
-	page: null,
-	name: null,
-	x: 0, y: 0,
-	width: 0, height: 0,
-	u: 0, v: 0, u2: 0, v2: 0,
-	offsetX: 0, offsetY: 0,
-	originalWidth: 0, originalHeight: 0,
-	index: 0,
-	rotate: false,
-	splits: null,
-	pads: null,
-};
-
-spine.AtlasReader = function (text) {
-	this.lines = text.split(/\r\n|\r|\n/);
-};
-spine.AtlasReader.prototype = {
-	index: 0,
-	trim: function (value) {
-		return value.replace(/^\s+|\s+$/g, "");
-	},
-	readLine: function () {
-		if (this.index >= this.lines.length) return null;
-		return this.lines[this.index++];
-	},
-	readValue: function () {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		return this.trim(line.substring(colon + 1));
-	},
-	/** Returns the number of tuple values read (2 or 4). */
-	readTuple: function (tuple) {
-		var line = this.readLine();
-		var colon = line.indexOf(":");
-		if (colon == -1) throw "Invalid line: " + line;
-		var i = 0, lastMatch= colon + 1;
-		for (; i < 3; i++) {
-			var comma = line.indexOf(",", lastMatch);
-			if (comma == -1) {
-				if (i == 0) throw "Invalid line: " + line;
-				break;
-			}
-			tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
-			lastMatch = comma + 1;
-		}
-		tuple[i] = this.trim(line.substring(lastMatch));
-		return i + 1;
-	}
-}
-
-spine.AtlasAttachmentLoader = function (atlas) {
-	this.atlas = atlas;
-}
-spine.AtlasAttachmentLoader.prototype = {
-	newAttachment: function (skin, type, name) {
-		switch (type) {
-		case spine.AttachmentType.region:
-			var region = this.atlas.findRegion(name);
-			if (!region) throw "Region not found in atlas: " + name + " (" + type + ")";
-			var attachment = new spine.RegionAttachment(name);
-			attachment.rendererObject = region;
-			attachment.setUVs(region.u, region.v, region.u2, region.v2, region.rotate);
-			attachment.regionOffsetX = region.offsetX;
-			attachment.regionOffsetY = region.offsetY;
-			attachment.regionWidth = region.width;
-			attachment.regionHeight = region.height;
-			attachment.regionOriginalWidth = region.originalWidth;
-			attachment.regionOriginalHeight = region.originalHeight;
-			return attachment;
-		}
-		throw "Unknown attachment type: " + type;
-	}
-}
-
-PIXI.AnimCache = {};
-spine.Bone.yDown = true;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This object is one that will allow you to specify custom rendering functions based on render type
- *
- * @class CustomRenderable 
- * @extends DisplayObject
- * @constructor
- */
-PIXI.CustomRenderable = function()
-{
-	PIXI.DisplayObject.call( this );
-	
-}
-
-// constructor
-PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.CustomRenderable.prototype.constructor = PIXI.CustomRenderable;
-
-/**
- * If this object is being rendered by a CanvasRenderer it will call this callback
- *
- * @method renderCanvas
- * @param renderer {CanvasRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback to initialize
- *
- * @method initWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
-{
-	// override!
-}
-
-/**
- * If this object is being rendered by a WebGLRenderer it will call this callback
- *
- * @method renderWebGL
- * @param renderer {WebGLRenderer} The renderer instance
- */
-PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
-{
-	// not sure if both needed? but ya have for now!
-	// override!
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
-	PIXI.EventTarget.call( this );
-
-	/**
-	 * [read-only] The width of the base texture set when the image has loaded
-	 *
-	 * @property width
-	 * @type Number
-	 * @readOnly
-	 */
-	this.width = 100;
-
-	/**
-	 * [read-only] The height of the base texture set when the image has loaded
-	 *
-	 * @property height
-	 * @type Number
-	 * @readOnly
-	 */
-	this.height = 100;
-
-	/**
-	 * [read-only] Describes if the base texture has loaded or not
-	 *
-	 * @property hasLoaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.hasLoaded = false;
-
-	/**
-	 * The source that is loaded to create the texture
-	 *
-	 * @property source
-	 * @type Image
-	 */
-	this.source = source;
-
-	if(!source)return;
-
-	if(this.source instanceof Image || this.source instanceof HTMLImageElement)
-	{
-		if(this.source.complete)
-		{
-			this.hasLoaded = true;
-			this.width = this.source.width;
-			this.height = this.source.height;
-			
-			PIXI.texturesToUpdate.push(this);
-		}
-		else
-		{
-			
-			var scope = this;
-			this.source.onload = function(){
-				
-				scope.hasLoaded = true;
-				scope.width = scope.source.width;
-				scope.height = scope.source.height;
-			
-				// add it to somewhere...
-				PIXI.texturesToUpdate.push(scope);
-				scope.dispatchEvent( { type: 'loaded', content: scope } );
-			}
-			//	this.image.src = imageUrl;
-		}
-	}
-	else
-	{
-		this.hasLoaded = true;
-		this.width = this.source.width;
-		this.height = this.source.height;
-			
-		PIXI.texturesToUpdate.push(this);
-	}
-
-	this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
-	if(this.source instanceof Image)
-	{
-		this.source.src = null;
-	}
-	this.source = null;
-	PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be  created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
-	var baseTexture = PIXI.BaseTextureCache[imageUrl];
-	if(!baseTexture)
-	{
-		// new Image() breaks tex loading in some versions of Chrome.
-		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
-		if (crossorigin)
-		{
-			image.crossOrigin = '';
-		}
-		image.src = imageUrl;
-		baseTexture = new PIXI.BaseTexture(image);
-		PIXI.BaseTextureCache[imageUrl] = baseTexture;
-	}
-
-	return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * 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
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
-	PIXI.EventTarget.call( this );
-
-	if(!frame)
-	{
-		this.noFrame = true;
-		frame = new PIXI.Rectangle(0,0,1,1);
-	}
-
-	if(baseTexture instanceof PIXI.Texture)
-		baseTexture = baseTexture.baseTexture;
-
-	/**
-	 * The base texture of this texture
-	 *
-	 * @property baseTexture
-	 * @type BaseTexture
-	 */
-	this.baseTexture = baseTexture;
-
-	/**
-	 * The frame specifies the region of the base texture that this texture uses
-	 *
-	 * @property frame
-	 * @type Rectangle
-	 */
-	this.frame = frame;
-
-	/**
-	 * The trim point
-	 *
-	 * @property trim
-	 * @type Point
-	 */
-	this.trim = new PIXI.Point();
-
-	this.scope = this;
-
-	if(baseTexture.hasLoaded)
-	{
-		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
-		//console.log(frame)
-		
-		this.setFrame(frame);
-	}
-	else
-	{
-		var scope = this;
-		baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
-	}
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
-	var baseTexture = this.baseTexture;
-	baseTexture.removeEventListener( 'loaded', 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: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
-	if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
-	this.frame = frame;
-	this.width = frame.width;
-	this.height = frame.height;
-
-	if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
-	{
-		throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
-	}
-
-	this.updateFrame = true;
-
-	PIXI.Texture.frameUpdates.push(this);
-	//this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * 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
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
-	var texture = PIXI.TextureCache[imageUrl];
-	
-	if(!texture)
-	{
-		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
-		PIXI.TextureCache[imageUrl] = texture;
-	}
-	
-	return texture;
-}
-
-/**
- * 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
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
-	var texture = PIXI.TextureCache[frameId];
-	if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
-	return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be  created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
-	var	baseTexture = new PIXI.BaseTexture(canvas);
-	return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
-	PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache. 
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
-	var texture = PIXI.TextureCache[id]
-	PIXI.TextureCache[id] = null;
-	return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded. 
- Otherwise black rectangles will be drawn instead.  
- 
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
- 
-	var renderTexture = new PIXI.RenderTexture(800, 600);
-	var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
-	sprite.position.x = 800/2;
-	sprite.position.y = 600/2;
-	sprite.anchor.x = 0.5;
-	sprite.anchor.y = 0.5;
-	renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
-	var doc = new PIXI.DisplayObjectContainer();
-	doc.addChild(sprite);
-	renderTexture.render(doc);  // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
-	PIXI.EventTarget.call( this );
-
-	this.width = width || 100;
-	this.height = height || 100;
-
-	this.indetityMatrix = PIXI.mat3.create();
-
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);	
-
-	if(PIXI.gl)
-	{
-		this.initWebGL();
-	}
-	else
-	{
-		this.initCanvas();
-	}
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
-	var gl = PIXI.gl;
-	this.glFramebuffer = gl.createFramebuffer();
-
-   	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-    this.glFramebuffer.width = this.width;
-    this.glFramebuffer.height = this.height;	
-
-	this.baseTexture = new PIXI.BaseTexture();
-
-	this.baseTexture.width = this.width;
-	this.baseTexture.height = this.height;
-
-    this.baseTexture._glTexture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
-	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-    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);
-
-	this.baseTexture.isRender = true;
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
-	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
-
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
-	// set the correct render function..
-	this.render = this.renderWebGL;
-
-	
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
-	this.width = width;
-	this.height = height;
-	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
-	if(PIXI.gl)
-	{
-		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
-	
-		var gl = PIXI.gl;
-		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  this.width,  this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-	}
-	else
-	{
-		
-		this.frame.width = this.width
-		this.frame.height = this.height;
-		this.renderer.resize(this.width, this.height);
-	}
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
-	this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
-	this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
-	this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
-	this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
-	var gl = PIXI.gl;
-
-	// enable the alpha color mask..
-	gl.colorMask(true, true, true, true); 
-
-	gl.viewport(0, 0, this.width, this.height);	
-
-	gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
-	if(clear)
-	{
-		gl.clearColor(0,0,0, 0);     
-		gl.clear(gl.COLOR_BUFFER_BIT);
-	}
-
-	// THIS WILL MESS WITH HIT TESTING!
-	var children = displayObject.children;
-
-	//TODO -? create a new one??? dont think so!
-	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
-	// modify to flip...
-	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
-
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] -= position.y;
-	}
-	
-
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	var renderGroup = displayObject.__renderGroup;
-
-	if(renderGroup)
-	{
-		if(displayObject == renderGroup.root)
-		{
-			renderGroup.render(this.projection);
-		}
-		else
-		{
-			renderGroup.renderSpecific(displayObject, this.projection);
-		}
-	}
-	else
-	{
-		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
-		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
-	}
-}
-
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderCanvas
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, clear)
-{
-	var children = displayObject.children;
-
-	displayObject.worldTransform = PIXI.mat3.create();
-	
-	if(position)
-	{
-		displayObject.worldTransform[2] = position.x;
-		displayObject.worldTransform[5] = position.y;
-	}
-	
-
-	for(var i=0,j=children.length; i<j; i++)
-	{
-		children[i].updateTransform();	
-	}
-
-	if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
-	
-    this.renderer.renderDisplayObject(displayObject);
-    
-    this.renderer.context.setTransform(1,0,0,1,0,0); 
-    
-
-  //  PIXI.texturesToUpdate.push(this.baseTexture);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
- * assets have been loaded they are added to the PIXI Texture cache and can be accessed
- * easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
- * When all items have been loaded this class will dispatch a "onLoaded" event
- * As each individual item is loaded this class will dispatch a "onProgress" event
- *
- * @class AssetLoader
- * @constructor
- * @uses EventTarget
- * @param {Array<String>} assetURLs 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. Supported bitmap font
- *      data formats include "xml" and "fnt".
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.AssetLoader = function(assetURLs, crossorigin)
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The array of asset URLs that are going to be loaded
-     *
-	 * @property assetURLs
-	 * @type Array<String>
-	 */
-	this.assetURLs = assetURLs;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-	this.crossorigin = crossorigin;
-
-    /**
-     * Maps file extension to loader types
-     *
-     * @property loadersByType
-     * @type Object
-     */
-    this.loadersByType = {
-        "jpg":  PIXI.ImageLoader,
-        "jpeg": PIXI.ImageLoader,
-        "png":  PIXI.ImageLoader,
-        "gif":  PIXI.ImageLoader,
-        "json": PIXI.JsonLoader,
-        "anim": PIXI.SpineLoader,
-        "xml":  PIXI.BitmapFontLoader,
-        "fnt":  PIXI.BitmapFontLoader
-    };
-    
-    
-};
-
-/**
- * Fired when an item has loaded
- * @event onProgress
- */
-
-/**
- * Fired when all the assets have loaded
- * @event onComplete 
- */
-
-// constructor
-PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
-
-/**
- * Starts loading the assets sequentially
- *
- * @method load
- */
-PIXI.AssetLoader.prototype.load = function()
-{
-    var scope = this;
-
-	this.loadCount = this.assetURLs.length;
-
-    for (var i=0; i < this.assetURLs.length; i++)
-	{
-		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
-
-        var loaderClass = this.loadersByType[fileType];
-        if(!loaderClass)
-            throw new Error(fileType + " is an unsupported file type");
-
-        var loader = new loaderClass(fileName, this.crossorigin);
-
-        loader.addEventListener("loaded", function()
-        {
-            scope.onAssetLoaded();
-        });
-        loader.load();
-	}
-};
-
-/**
- * Invoked after each file is loaded
- *
- * @method onAssetLoaded
- * @private
- */
-PIXI.AssetLoader.prototype.onAssetLoaded = function()
-{
-    this.loadCount--;
-	this.dispatchEvent({type: "onProgress", content: this});
-	if(this.onProgress) this.onProgress();
-	
-	if(this.loadCount == 0)
-	{
-		this.dispatchEvent({type: "onComplete", content: this});
-		if(this.onComplete) this.onComplete();
-	}
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The json file loader is used to load in JSON data and parsing it
- * When loaded this class will dispatch a "loaded" event
- * If load failed this class will dispatch a "error" event
- *
- * @class JsonLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.JsonLoader = function (url, crossorigin) {
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-	
-};
-
-// constructor
-PIXI.JsonLoader.prototype.constructor = PIXI.JsonLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.JsonLoader.prototype.load = function () {
-	this.ajaxRequest = new AjaxRequest();
-	var scope = this;
-	this.ajaxRequest.onreadystatechange = function () {
-		scope.onJSONLoaded();
-	};
-
-	this.ajaxRequest.open("GET", this.url, true);
-	if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/json");
-	this.ajaxRequest.send(null);
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onJSONLoaded = function () {
-	if (this.ajaxRequest.readyState == 4) {
-		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
-			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
-			if(this.json.frames)
-			{
-				// sprite sheet
-				var scope = this;
-				var textureUrl = this.baseUrl + this.json.meta.image;
-				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-				var frameData = this.json.frames;
-			
-				this.texture = image.texture.baseTexture;
-				image.addEventListener("loaded", function (event) {
-					scope.onLoaded();
-				});
-			
-				for (var i in frameData) {
-					var rect = frameData[i].frame;
-					if (rect) {
-						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!
-						}
-					}
-				}
-			
-				image.load();
-				
-			}
-			else if(this.json.bones)
-			{
-				// spine animation
-				var spineJsonParser = new spine.SkeletonJson();
-				var skeletonData = spineJsonParser.readSkeletonData(this.json);
-				PIXI.AnimCache[this.url] = skeletonData;
-				this.onLoaded();
-			}
-			else
-			{
-				this.onLoaded();
-			}
-		}
-		else
-		{
-			this.onError();
-		}
-	}
-};
-
-/**
- * Invoke when json file loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.JsonLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * Invoke when error occured
- *
- * @method onError
- * @private
- */
-PIXI.JsonLoader.prototype.onError = function () {
-	this.dispatchEvent({
-		type: "error",
-		content: this
-	});
-};
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * 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
- *
- * @class SpriteSheetLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-
-PIXI.SpriteSheetLoader = function (url, crossorigin) {
-	/*
-	 * i use texture packer to load the assets..
-	 * http://www.codeandweb.com/texturepacker
-	 * make sure to set the format as "JSON"
-	 */
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] The base url of the bitmap font data
-	 *
-	 * @property baseUrl
-	 * @type String
-	 * @readOnly
-	 */
-	this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = null;
-
-    /**
-     * The frames of the sprite sheet
-     *
-     * @property frames
-     * @type Object
-     */
-	this.frames = {};
-};
-
-// constructor
-PIXI.SpriteSheetLoader.prototype.constructor = PIXI.SpriteSheetLoader;
-
-/**
- * This will begin loading the JSON file
- *
- * @method load
- */
-PIXI.SpriteSheetLoader.prototype.load = function () {
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onJSONLoaded = function () {
-	var scope = this;
-	var textureUrl = this.baseUrl + this.json.meta.image;
-	var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-	var frameData = this.json.frames;
-
-	this.texture = image.texture.baseTexture;
-	image.addEventListener("loaded", function (event) {
-		scope.onLoaded();
-	});
-
-	for (var i in frameData) {
-		var rect = frameData[i].frame;
-		if (rect) {
-			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!
-			}
-		}
-	}
-
-	image.load();
-};
-/**
- * Invoke when all files are loaded (json and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpriteSheetLoader.prototype.onLoaded = function () {
-	this.dispatchEvent({
-		type: "loaded",
-		content: this
-	});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The image loader class is responsible for loading images file formats ("jpeg", "jpg", "png" and "gif")
- * Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
- * When loaded this class will dispatch a 'loaded' event
- *
- * @class ImageLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the image
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.ImageLoader = function(url, crossorigin)
-{
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The texture being loaded
-     *
-     * @property texture
-     * @type Texture
-     */
-    this.texture = PIXI.Texture.fromImage(url, crossorigin);
-};
-
-// constructor
-PIXI.ImageLoader.prototype.constructor = PIXI.ImageLoader;
-
-/**
- * Loads image or takes it from cache
- *
- * @method load
- */
-PIXI.ImageLoader.prototype.load = function()
-{
-    if(!this.texture.baseTexture.hasLoaded)
-    {
-        var scope = this;
-        this.texture.baseTexture.addEventListener("loaded", function()
-        {
-            scope.onLoaded();
-        });
-    }
-    else
-    {
-        this.onLoaded();
-    }
-};
-
-/**
- * Invoked when image file is loaded or it is already cached and ready to use
- *
- * @method onLoaded
- * @private
- */
-PIXI.ImageLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The xml loader is used to load in XML bitmap font data ("xml" or "fnt")
- * To generate the data you can use http://www.angelcode.com/products/bmfont/
- * This loader will also load the image file as the data.
- * When loaded this class will dispatch a "loaded" event
- *
- * @class BitmapFontLoader
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the sprite sheet JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.BitmapFontLoader = function(url, crossorigin)
-{
-    /*
-     * i use texture packer to load the assets..
-     * http://www.codeandweb.com/texturepacker
-     * make sure to set the format as "JSON"
-     */
-    PIXI.EventTarget.call(this);
-
-    /**
-     * The url of the bitmap font data
-     *
-     * @property url
-     * @type String
-     */
-    this.url = url;
-
-    /**
-     * Whether the requests should be treated as cross origin
-     *
-     * @property crossorigin
-     * @type Boolean
-     */
-    this.crossorigin = crossorigin;
-
-    /**
-     * [read-only] The base url of the bitmap font data
-     *
-     * @property baseUrl
-     * @type String
-     * @readOnly
-     */
-    this.baseUrl = url.replace(/[^\/]*$/, "");
-
-    /**
-     * [read-only] The texture of the bitmap font
-     *
-     * @property baseUrl
-     * @type String
-     */
-    this.texture = null;
-};
-
-// constructor
-PIXI.BitmapFontLoader.prototype.constructor = PIXI.BitmapFontLoader;
-
-/**
- * Loads the XML font data
- *
- * @method load
- */
-PIXI.BitmapFontLoader.prototype.load = function()
-{
-    this.ajaxRequest = new XMLHttpRequest();
-    var scope = this;
-    this.ajaxRequest.onreadystatechange = function()
-    {
-        scope.onXMLLoaded();
-    };
-
-    this.ajaxRequest.open("GET", this.url, true);
-    if (this.ajaxRequest.overrideMimeType) this.ajaxRequest.overrideMimeType("application/xml");
-    this.ajaxRequest.send(null)
-};
-
-/**
- * Invoked when XML file is loaded, parses the data
- *
- * @method onXMLLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
-{
-    if (this.ajaxRequest.readyState == 4)
-    {
-        if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1)
-        {
-            var textureUrl = this.baseUrl + this.ajaxRequest.responseXML.getElementsByTagName("page")[0].attributes.getNamedItem("file").nodeValue;
-            var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
-            this.texture = image.texture.baseTexture;
-
-            var data = {};
-            var info = this.ajaxRequest.responseXML.getElementsByTagName("info")[0];
-            var common = this.ajaxRequest.responseXML.getElementsByTagName("common")[0];
-            data.font = info.attributes.getNamedItem("face").nodeValue;
-            data.size = parseInt(info.attributes.getNamedItem("size").nodeValue, 10);
-            data.lineHeight = parseInt(common.attributes.getNamedItem("lineHeight").nodeValue, 10);
-            data.chars = {};
-
-            //parse letters
-            var letters = this.ajaxRequest.responseXML.getElementsByTagName("char");
-
-            for (var i = 0; i < letters.length; i++)
-            {
-                var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
-
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
-
-                data.chars[charCode] = {
-                    xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
-                    yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
-                    xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
-                    kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
-
-                };
-            }
-
-            //parse kernings
-            var kernings = this.ajaxRequest.responseXML.getElementsByTagName("kerning");
-            for (i = 0; i < kernings.length; i++)
-            {
-               var first = parseInt(kernings[i].attributes.getNamedItem("first").nodeValue, 10);
-               var second = parseInt(kernings[i].attributes.getNamedItem("second").nodeValue, 10);
-               var amount = parseInt(kernings[i].attributes.getNamedItem("amount").nodeValue, 10);
-
-                data.chars[second].kerning[first] = amount;
-
-            }
-
-            PIXI.BitmapText.fonts[data.font] = data;
-
-            var scope = this;
-            image.addEventListener("loaded", function() {
-                scope.onLoaded();
-            });
-            image.load();
-        }
-    }
-};
-
-/**
- * Invoked when all files are loaded (xml/fnt and texture)
- *
- * @method onLoaded
- * @private
- */
-PIXI.BitmapFontLoader.prototype.onLoaded = function()
-{
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
- * Awesome JS run time provided by EsotericSoftware
- * https://github.com/EsotericSoftware/spine-runtimes
- * 
- */
-
-/**
- * The Spine loader is used to load in JSON spine data
- * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
- * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
- * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
- * When loaded this class will dispatch a "loaded" event
- *
- * @class Spine
- * @uses EventTarget
- * @constructor
- * @param url {String} The url of the JSON file
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- */
-PIXI.SpineLoader = function(url, crossorigin) 
-{
-	PIXI.EventTarget.call(this);
-
-	/**
-	 * The url of the bitmap font data
-	 *
-	 * @property url
-	 * @type String
-	 */
-	this.url = url;
-
-	/**
-	 * Whether the requests should be treated as cross origin
-	 *
-	 * @property crossorigin
-	 * @type Boolean
-	 */
-	this.crossorigin = crossorigin;
-
-	/**
-	 * [read-only] Whether the data has loaded yet
-	 *
-	 * @property loaded
-	 * @type Boolean
-	 * @readOnly
-	 */
-	this.loaded = false;
-}
-
-PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
-
-/**
- * Loads the JSON data
- *
- * @method load
- */
-PIXI.SpineLoader.prototype.load = function () {
-	
-	var scope = this;
-	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
-	jsonLoader.addEventListener("loaded", function (event) {
-		scope.json = event.content.json;
-		scope.onJSONLoaded();
-	});
-	jsonLoader.load();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onJSONLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
-	var spineJsonParser = new spine.SkeletonJson();
-	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
-	PIXI.AnimCache[this.url] = skeletonData;
-
-	this.onLoaded();
-};
-
-/**
- * Invoke when JSON file is loaded
- *
- * @method onLoaded
- * @private
- */
-PIXI.SpineLoader.prototype.onLoaded = function () {
-	this.loaded = true;
-    this.dispatchEvent({type: "loaded", content: this});
-};
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
-}).call(this);
\ No newline at end of file
diff --git a/package.json b/package.json
index b373240..78a6d90 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,8 @@
         "grunt-contrib-connect": "0.2.x",
         "grunt-contrib-qunit": "0.2.x",
         "grunt-contrib-yuidoc": "0.4.x",
+        "grunt-contrib-concat": "0.1.x",
+        "grunt-concat-sourcemap": "0.3.x",
         "grunt-contrib-concat": "0.1.x"
     }
 }
diff --git a/src/pixi/InteractionManager.js b/src/pixi/InteractionManager.js
index 2fdf646..fc0dbb7 100644
--- a/src/pixi/InteractionManager.js
+++ b/src/pixi/InteractionManager.js
@@ -1,10 +1,8 @@
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
-
-
-
-/**
+ 
+ /**
  * The interaction manager deals with mouse and touch events. Any DisplayObject can be interactive
  * This manager also supports multitouch.
  *
@@ -38,6 +36,8 @@ PIXI.InteractionManager = function(stage)
 	 */
 	this.touchs = {};
 
+
+	
 	// helpers
 	this.tempPoint = new PIXI.Point();
 	//this.tempMatrix =  mat3.create();
@@ -48,7 +48,19 @@ PIXI.InteractionManager = function(stage)
 	this.pool = [];
 
 	this.interactiveItems = [];
+	this.interactionDOMElement = null;
 
+	//this will make it so that you dont have to call bind all the time
+	this.onMouseMove = this.onMouseMove.bind( this );
+	this.onMouseDown = this.onMouseDown.bind(this);
+	this.onMouseOut = this.onMouseOut.bind(this);
+	this.onMouseUp = this.onMouseUp.bind(this);
+
+	this.onTouchStart = this.onTouchStart.bind(this);
+	this.onTouchEnd = this.onTouchEnd.bind(this);
+	this.onTouchMove = this.onTouchMove.bind(this);
+	
+	
 	this.last = 0;
 }
 
@@ -73,7 +85,7 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
 	{
 		var child = children[i];
 		
-		if(child.visible) {
+//		if(child.visible) {
 			// push all interactive bits
 			if(child.interactive)
 			{
@@ -95,7 +107,7 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
 					this.collectInteractiveSprite(child, iParent);
 				}
 			}
-		}
+//		}
 	}
 }
 
@@ -108,27 +120,68 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
  */
 PIXI.InteractionManager.prototype.setTarget = function(target)
 {
+	this.target = target;
+
+	//check if the dom element has been set. If it has don't do anything
+	if( this.interactionDOMElement === null ) {
+
+		this.setTargetDomElement( target.view );
+	}
+
+ 	document.body.addEventListener('mouseup',  this.onMouseUp, true);
+}
+
+
+/**
+ * Sets the dom element which will receive mouse/touch events. This is useful for when you have other DOM
+ * elements ontop of the renderers Canvas element. With this you'll be able to delegate another dom element
+ * to receive those events
+ *
+ * @method setTargetDomElement
+ * @param domElement {DOMElement} the dom element which will receive mouse and touch events
+ * @private
+ */
+PIXI.InteractionManager.prototype.setTargetDomElement = function(domElement)
+{
+	//remove previouse listeners
+	if( this.interactionDOMElement !== null ) 
+	{
+		this.interactionDOMElement.style['-ms-content-zooming'] = '';
+    	this.interactionDOMElement.style['-ms-touch-action'] = '';
+
+		this.interactionDOMElement.removeEventListener('mousemove',  this.onMouseMove, true);
+		this.interactionDOMElement.removeEventListener('mousedown',  this.onMouseDown, true);
+	 	this.interactionDOMElement.removeEventListener('mouseout',   this.onMouseOut, true);
+
+	 	// aint no multi touch just yet!
+		this.interactionDOMElement.removeEventListener('touchstart', this.onTouchStart, true);
+		this.interactionDOMElement.removeEventListener('touchend', this.onTouchEnd, true);
+		this.interactionDOMElement.removeEventListener('touchmove', this.onTouchMove, true);
+	}
+
+
 	if (window.navigator.msPointerEnabled) 
 	{
 		// time to remove some of that zoom in ja..
-		target.view.style["-ms-content-zooming"] = "none";
-    	target.view.style["-ms-touch-action"] = "none"
+		domElement.style['-ms-content-zooming'] = 'none';
+    	domElement.style['-ms-touch-action'] = 'none';
     
 		// DO some window specific touch!
 	}
-	
-	this.target = target;
-	target.view.addEventListener('mousemove',  this.onMouseMove.bind(this), true);
-	target.view.addEventListener('mousedown',  this.onMouseDown.bind(this), true);
- 	document.body.addEventListener('mouseup',  this.onMouseUp.bind(this), true);
- 	target.view.addEventListener('mouseout',   this.onMouseUp.bind(this), true);
-	
-	// aint no multi touch just yet!
-	target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
-	target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
-	target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
+
+	this.interactionDOMElement = domElement;
+
+	domElement.addEventListener('mousemove',  this.onMouseMove, true);
+	domElement.addEventListener('mousedown',  this.onMouseDown, true);
+ 	domElement.addEventListener('mouseout',   this.onMouseOut, true);
+
+ 	// aint no multi touch just yet!
+	domElement.addEventListener('touchstart', this.onTouchStart, true);
+	domElement.addEventListener('touchend', this.onTouchEnd, true);
+	domElement.addEventListener('touchmove', this.onTouchMove, true);
 }
 
+
 /**
  * updates the state of interactive objects
  *
@@ -170,12 +223,14 @@ PIXI.InteractionManager.prototype.update = function()
 	// loop through interactive objects!
 	var length = this.interactiveItems.length;
 	
-	this.target.view.style.cursor = "default";	
+	this.interactionDOMElement.style.cursor = "inherit";
 				
 	for (var i = 0; i < length; i++)
 	{
 		var item = this.interactiveItems[i];
-		if(!item.visible)continue;
+		
+		
+		//if(!item.visible)continue;
 		
 		// OPTIMISATION - only calculate every time if the mousemove function exists..
 		// OK so.. does the object have any other interactive functions?
@@ -191,7 +246,7 @@ PIXI.InteractionManager.prototype.update = function()
 			// loks like there was a hit!
 			if(item.__hit)
 			{
-				if(item.buttonMode)this.target.view.style.cursor = "pointer";	
+				if(item.buttonMode) this.interactionDOMElement.style.cursor = item.defaultCursor;	
 				
 				if(!item.__isOver)
 				{
@@ -226,7 +281,7 @@ PIXI.InteractionManager.prototype.onMouseMove = function(event)
 {
 	this.mouse.originalEvent = event || window.event; //IE uses window.event
 	// TODO optimize by not check EVERY TIME! maybe half as often? //
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	
 	this.mouse.global.x = (event.clientX - rect.left) * (this.target.width / rect.width);
 	this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
@@ -256,7 +311,6 @@ PIXI.InteractionManager.prototype.onMouseMove = function(event)
  */
 PIXI.InteractionManager.prototype.onMouseDown = function(event)
 {
-	event.preventDefault();
 	this.mouse.originalEvent = event || window.event; //IE uses window.event
 	
 	// loop through inteaction tree...
@@ -293,6 +347,26 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
 	}
 }
 
+
+PIXI.InteractionManager.prototype.onMouseOut = function(event)
+{
+	var length = this.interactiveItems.length;
+	
+	this.interactionDOMElement.style.cursor = "inherit";
+				
+	for (var i = 0; i < length; i++)
+	{
+		var item = this.interactiveItems[i];
+		
+		if(item.__isOver)
+		{
+			this.mouse.target = item;
+			if(item.mouseout)item.mouseout(this.mouse);
+			item.__isOver = false;	
+		}
+	}
+}
+
 /**
  * Is called when the mouse button is released on the renderer element
  *
@@ -357,7 +431,7 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
 {
 	var global = interactionData.global;
 	
-	if(!item.visible)return false;
+	if(item.vcount !== PIXI.visibleCount)return false;
 
 	var isSprite = (item instanceof PIXI.Sprite),
 		worldTransform = item.worldTransform,
@@ -427,14 +501,14 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
  */
 PIXI.InteractionManager.prototype.onTouchMove = function(event)
 {
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	var changedTouches = event.changedTouches;
 	
 	for (var i=0; i < changedTouches.length; i++) 
 	{
 		var touchEvent = changedTouches[i];
 		var touchData = this.touchs[touchEvent.identifier];
+		touchData.originalEvent =  event || window.event;
 		
 		// update the touch position
 		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
@@ -458,10 +532,7 @@ PIXI.InteractionManager.prototype.onTouchMove = function(event)
  */
 PIXI.InteractionManager.prototype.onTouchStart = function(event)
 {
-	event.preventDefault();
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	
-	var rect = this.target.view.getBoundingClientRect();
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	
 	var changedTouches = event.changedTouches;
 	for (var i=0; i < changedTouches.length; i++) 
@@ -471,6 +542,8 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
 		var touchData = this.pool.pop();
 		if(!touchData)touchData = new PIXI.InteractionData();
 		
+		touchData.originalEvent =  event || window.event;
+		
 		this.touchs[touchEvent.identifier] = touchData;
 		touchData.global.x = (touchEvent.clientX - rect.left) * (this.target.width / rect.width);
 		touchData.global.y = (touchEvent.clientY - rect.top)  * (this.target.height / rect.height);
@@ -508,8 +581,8 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
  */
 PIXI.InteractionManager.prototype.onTouchEnd = function(event)
 {
-	this.mouse.originalEvent = event || window.event; //IE uses window.event
-	var rect = this.target.view.getBoundingClientRect();
+	//this.mouse.originalEvent = event || window.event; //IE uses window.event
+	var rect = this.interactionDOMElement.getBoundingClientRect();
 	var changedTouches = event.changedTouches;
 	
 	for (var i=0; i < changedTouches.length; i++) 
@@ -530,7 +603,7 @@ PIXI.InteractionManager.prototype.onTouchEnd = function(event)
 			if(itemTouchData == touchData)
 			{
 				// so this one WAS down...
-				
+				touchData.originalEvent =  event || window.event;
 				// hitTest??
 				
 				if(item.touchend || item.tap)
diff --git a/src/pixi/Outro.js b/src/pixi/Outro.js
index c9ff11b..bf38bbc 100644
--- a/src/pixi/Outro.js
+++ b/src/pixi/Outro.js
@@ -1,15 +1,15 @@
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
- if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = PIXI;
-    }
-    exports.PIXI = PIXI;
-  } else {
-    root.PIXI = PIXI;
-  }
-
-
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+    if (typeof exports !== 'undefined') {
+        if (typeof module !== 'undefined' && module.exports) {
+            exports = module.exports = PIXI;
+        }
+        exports.PIXI = PIXI;
+    } else if (typeof define !== 'undefined' && define.amd) {
+        define(PIXI);
+    } else {
+        root.PIXI = PIXI;
+    }
 }).call(this);
\ No newline at end of file
diff --git a/src/pixi/core/Circle.js b/src/pixi/core/Circle.js
index a9ceed0..e272833 100644
--- a/src/pixi/core/Circle.js
+++ b/src/pixi/core/Circle.js
@@ -19,7 +19,7 @@ PIXI.Circle = function(x, y, radius)
      * @default 0
      */
     this.x = x || 0;
-    
+
     /**
      * @property y
      * @type Number
@@ -69,5 +69,6 @@ PIXI.Circle.prototype.contains = function(x, y)
     return (dx + dy <= r2);
 }
 
+// constructor
 PIXI.Circle.prototype.constructor = PIXI.Circle;
 
diff --git a/src/pixi/core/Ellipse.js b/src/pixi/core/Ellipse.js
index dd369da..1a95d20 100644
--- a/src/pixi/core/Ellipse.js
+++ b/src/pixi/core/Ellipse.js
@@ -9,8 +9,8 @@
  * @constructor
  * @param x {Number} The X coord of the upper-left corner of the framing rectangle of this ellipse
  * @param y {Number} The Y coord of the upper-left corner of the framing rectangle of this ellipse
- * @param width {Number} The overall height of this ellipse
- * @param height {Number} The overall width of this ellipse
+ * @param width {Number} The overall width of this ellipse
+ * @param height {Number} The overall height of this ellipse
  */
 PIXI.Ellipse = function(x, y, width, height)
 {
@@ -20,21 +20,21 @@ PIXI.Ellipse = function(x, y, width, height)
      * @default 0
      */
     this.x = x || 0;
-    
+
     /**
      * @property y
      * @type Number
      * @default 0
      */
     this.y = y || 0;
-    
+
     /**
      * @property width
      * @type Number
      * @default 0
      */
     this.width = width || 0;
-    
+
     /**
      * @property height
      * @type Number
@@ -83,5 +83,5 @@ PIXI.Ellipse.getBounds = function()
     return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
 }
 
+// constructor
 PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;
-
diff --git a/src/pixi/core/Matrix.js b/src/pixi/core/Matrix.js
index 780fcd6..923682c 100644
--- a/src/pixi/core/Matrix.js
+++ b/src/pixi/core/Matrix.js
@@ -27,7 +27,7 @@ PIXI.mat3.create = function()
 	matrix[6] = 0;
 	matrix[7] = 0;
 	matrix[8] = 1;
-	
+
 	return matrix;
 }
 
@@ -43,7 +43,7 @@ PIXI.mat3.identity = function(matrix)
 	matrix[6] = 0;
 	matrix[7] = 0;
 	matrix[8] = 1;
-	
+
 	return matrix;
 }
 
@@ -70,35 +70,35 @@ PIXI.mat4.create = function()
 	matrix[13] = 0;
 	matrix[14] = 0;
 	matrix[15] = 1;
-	
+
 	return matrix;
 }
 
-PIXI.mat3.multiply = function (mat, mat2, dest) 
+PIXI.mat3.multiply = function (mat, mat2, dest)
 {
 	if (!dest) { dest = mat; }
-	
+
 	// Cache the matrix values (makes for huge speed increases!)
 	var a00 = mat[0], a01 = mat[1], a02 = mat[2],
 	    a10 = mat[3], a11 = mat[4], a12 = mat[5],
 	    a20 = mat[6], a21 = mat[7], a22 = mat[8],
-	
+
 	    b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
 	    b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
 	    b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-	
+
 	dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
 	dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
 	dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-	
+
 	dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
 	dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
 	dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-	
+
 	dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
 	dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
 	dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-	
+
 	return dest;
 }
 
@@ -115,11 +115,11 @@ PIXI.mat3.clone = function(mat)
 	matrix[6] = mat[6];
 	matrix[7] = mat[7];
 	matrix[8] = mat[8];
-	
+
 	return matrix;
 }
 
-PIXI.mat3.transpose = function (mat, dest) 
+PIXI.mat3.transpose = function (mat, dest)
 {
  	// If we are transposing ourselves we can skip a few steps but have to cache some values
     if (!dest || mat === dest) {
@@ -147,30 +147,30 @@ PIXI.mat3.transpose = function (mat, dest)
     return dest;
 }
 
-PIXI.mat3.toMat4 = function (mat, dest) 
+PIXI.mat3.toMat4 = function (mat, dest)
 {
 	if (!dest) { dest = PIXI.mat4.create(); }
-	
+
 	dest[15] = 1;
 	dest[14] = 0;
 	dest[13] = 0;
 	dest[12] = 0;
-	
+
 	dest[11] = 0;
 	dest[10] = mat[8];
 	dest[9] = mat[7];
 	dest[8] = mat[6];
-	
+
 	dest[7] = 0;
 	dest[6] = mat[5];
 	dest[5] = mat[4];
 	dest[4] = mat[3];
-	
+
 	dest[3] = 0;
 	dest[2] = mat[2];
 	dest[1] = mat[1];
 	dest[0] = mat[0];
-	
+
 	return dest;
 }
 
@@ -198,19 +198,19 @@ PIXI.mat4.create = function()
 	matrix[13] = 0;
 	matrix[14] = 0;
 	matrix[15] = 1;
-	
+
 	return matrix;
 }
 
-PIXI.mat4.transpose = function (mat, dest) 
+PIXI.mat4.transpose = function (mat, dest)
 {
 	// If we are transposing ourselves we can skip a few steps but have to cache some values
-	if (!dest || mat === dest) 
+	if (!dest || mat === dest)
 	{
 	    var a01 = mat[1], a02 = mat[2], a03 = mat[3],
 	        a12 = mat[6], a13 = mat[7],
 	        a23 = mat[11];
-	
+
 	    mat[1] = mat[4];
 	    mat[2] = mat[8];
 	    mat[3] = mat[12];
@@ -225,7 +225,7 @@ PIXI.mat4.transpose = function (mat, dest)
 	    mat[14] = a23;
 	    return mat;
 	}
-	
+
 	dest[0] = mat[0];
 	dest[1] = mat[4];
 	dest[2] = mat[8];
@@ -245,18 +245,18 @@ PIXI.mat4.transpose = function (mat, dest)
 	return dest;
 }
 
-PIXI.mat4.multiply = function (mat, mat2, dest) 
+PIXI.mat4.multiply = function (mat, mat2, dest)
 {
 	if (!dest) { dest = mat; }
-	
+
 	// Cache the matrix values (makes for huge speed increases!)
 	var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
 	var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
 	var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
 	var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-	
+
 	// Cache only the current line of the second matrix
-    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];  
+    var b0  = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];
     dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
     dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
     dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
diff --git a/src/pixi/core/Point.js b/src/pixi/core/Point.js
index 8520861..7c7fe2d 100644
--- a/src/pixi/core/Point.js
+++ b/src/pixi/core/Point.js
@@ -6,19 +6,19 @@
  * 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 
+ * @constructor
  * @param x {Number} position of the point
  * @param y {Number} position of the point
  */
 PIXI.Point = function(x, y)
 {
 	/**
-	 * @property x 
+	 * @property x
 	 * @type Number
 	 * @default 0
 	 */
 	this.x = x || 0;
-	
+
 	/**
 	 * @property y
 	 * @type Number
diff --git a/src/pixi/core/Polygon.js b/src/pixi/core/Polygon.js
index 47cf17b..4ef74f1 100644
--- a/src/pixi/core/Polygon.js
+++ b/src/pixi/core/Polygon.js
@@ -6,7 +6,7 @@
  * @class Polygon
  * @constructor
  * @param points* {Array<Point>|Array<Number>|Point...|Number...} This can be an array of Points that form the polygon,
- *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arugments passed can be
+ *      a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arguments passed can be
  *      all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
  *      arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
  *      Numbers.
@@ -73,5 +73,5 @@ PIXI.Polygon.prototype.contains = function(x, y)
     return inside;
 }
 
+// constructor
 PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
diff --git a/src/pixi/core/Rectangle.js b/src/pixi/core/Rectangle.js
index 66fb5d6..8a0e040 100644
--- a/src/pixi/core/Rectangle.js
+++ b/src/pixi/core/Rectangle.js
@@ -6,10 +6,10 @@
  * 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 
+ * @constructor
  * @param x {Number} The X coord of the upper-left corner of the rectangle
  * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall wisth of this rectangle
+ * @param width {Number} The overall width of this rectangle
  * @param height {Number} The overall height of this rectangle
  */
 PIXI.Rectangle = function(x, y, width, height)
@@ -20,21 +20,21 @@ PIXI.Rectangle = function(x, y, width, height)
 	 * @default 0
 	 */
 	this.x = x || 0;
-	
+
 	/**
 	 * @property y
 	 * @type Number
 	 * @default 0
 	 */
 	this.y = y || 0;
-	
+
 	/**
 	 * @property width
 	 * @type Number
 	 * @default 0
 	 */
 	this.width = width || 0;
-	
+
 	/**
 	 * @property height
 	 * @type Number
@@ -68,11 +68,11 @@ PIXI.Rectangle.prototype.contains = function(x, y)
         return false;
 
 	var x1 = this.x;
-	if(x > x1 && x < x1 + this.width)
+	if(x >= x1 && x <= x1 + this.width)
 	{
 		var y1 = this.y;
-		
-		if(y > y1 && y < y1 + this.height)
+
+		if(y >= y1 && y <= y1 + this.height)
 		{
 			return true;
 		}
diff --git a/src/pixi/display/DisplayObject.js b/src/pixi/display/DisplayObject.js
index f8ee024..df5e898 100644
--- a/src/pixi/display/DisplayObject.js
+++ b/src/pixi/display/DisplayObject.js
@@ -12,7 +12,6 @@ PIXI.DisplayObject = function()
 {
 	this.last = this;
 	this.first = this;
-
 	/**
 	 * The coordinate of the object relative to the local coordinates of the parent.
 	 *
@@ -86,15 +85,6 @@ PIXI.DisplayObject = function()
 	 */
 	this.renderable = false;
 
-	/**
-	 * [read-only] The visibility of the object based on world (parent) factors.
-	 *
-	 * @property worldVisible
-	 * @type Boolean
-	 * @readOnly
-	 */	
-	this.worldVisible = false;
-
 	/**
 	 * [read-only] The display object container that contains this display object.
 	 *
@@ -113,15 +103,6 @@ PIXI.DisplayObject = function()
 	 */	
 	this.stage = null;
 
-	/**
-	 * [read-only] The index of this object in the parent's `children` array
-	 *
-	 * @property childIndex
-	 * @type Number
-	 * @readOnly
-	 */	
-	this.childIndex = 0;
-
 	/**
 	 * [read-only] The multiplied alpha of the displayobject
 	 *
@@ -141,6 +122,8 @@ PIXI.DisplayObject = function()
 	 */
 	this._interactive = false;
 
+	this.defaultCursor = "pointer";
+	
 	/**
 	 * [read-only] Current transform of the object based on world (parent) factors
 	 *
@@ -183,6 +166,9 @@ PIXI.DisplayObject = function()
 	this._sr = 0;
 	this._cr = 1;
 
+
+	this.filterArea = new PIXI.Rectangle(0,0,1,1);
+	
 	/*
 	 * MOUSE Callbacks
 	 */
@@ -260,17 +246,6 @@ PIXI.DisplayObject = function()
 // constructor
 PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
 
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-    }
-});*/
-
 /**
  * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
  * Instead of using this function you can now simply set the interactive property to true or false
@@ -318,16 +293,71 @@ Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
     },
     set: function(value) {
     	
-        this._mask = value;
-        
+    	
         if(value)
         {
-	        this.addFilter(value)
+        	if(this._mask)
+	    	{
+	    		value.start = this._mask.start;
+	    		value.end = this._mask.end;
+	    	}
+    		else
+    		{
+		        this.addFilter(value);
+		        value.renderable = false;
+    		}
         }
         else
         {
-        	 this.removeFilter();
+        	 this.removeFilter(this._mask);
+			 this._mask.renderable = true;
         }
+        
+        this._mask = value;
+    }
+});
+
+/**
+ * Sets the filters for the displayObject. 
+ * * IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
+ * To remove filters simply set this property to 'null'
+ * @property filters
+ * @type Array An array of filters
+ */
+Object.defineProperty(PIXI.DisplayObject.prototype, 'filters', {
+    get: function() {
+        return this._filters;
+    },
+    set: function(value) {
+    	
+        if(value)
+        {
+        	if(this._filters)this.removeFilter(this._filters);
+	        this.addFilter(value);
+
+		    // now put all the passes in one place..
+	        var passes = [];
+	        for (var i = 0; i < value.length; i++) 
+	        {
+	        	var filterPasses = value[i].passes;
+	        	for (var j = 0; j < filterPasses.length; j++) 
+	        	{
+	        		passes.push(filterPasses[j]);
+	        	};
+	        };
+
+	        value.start.filterPasses = passes;
+        }
+        else
+        {
+        	if(this._filters)this.removeFilter(this._filters);
+        }
+        
+        this._filters = value;
+
+       
+
+        
     }
 });
 
@@ -338,29 +368,33 @@ Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
  * @param mask {Graphics} the graphics object to use as a filter
  * @private
  */
-PIXI.DisplayObject.prototype.addFilter = function(mask)
+PIXI.DisplayObject.prototype.addFilter = function(data)
 {
-	if(this.filter)return;
-	this.filter = true;
-	
+	//if(this.filter)return;
+	//this.filter = true;
+//	data[0].target = this;
 	
+
 	// insert a filter block..
+	// TODO Onject pool thease bad boys..
 	var start = new PIXI.FilterBlock();
 	var end = new PIXI.FilterBlock();
 	
+	data.start = start;
+	data.end = end;
 	
-	start.mask = mask;
-	end.mask = mask;
+	start.data = data;
+	end.data = data;
 	
 	start.first = start.last =  this;
 	end.first = end.last = this;
 	
 	start.open = true;
 	
+	start.target = this;
+	
 	/*
-	 * 
 	 * insert start
-	 * 
 	 */
 	
 	var childFirst = start
@@ -391,9 +425,7 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
 	// now insert the end filter block..
 	
 	/*
-	 * 
 	 * insert end filter
-	 * 
 	 */
 	var childFirst = end
 	var childLast = end
@@ -432,8 +464,6 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
 		this.__renderGroup.addFilterBlocks(start, end);
 	}
 	
-	mask.renderable = false;
-	
 }
 
 /*
@@ -442,13 +472,14 @@ PIXI.DisplayObject.prototype.addFilter = function(mask)
  * @method removeFilter
  * @private
  */
-PIXI.DisplayObject.prototype.removeFilter = function()
+PIXI.DisplayObject.prototype.removeFilter = function(data)
 {
-	if(!this.filter)return;
-	this.filter = false;
-	
+	//if(!this.filter)return;
+	//this.filter = false;
+	// console.log("YUOIO")
 	// modify the list..
-	var startBlock = this.first;
+	var startBlock = data.start;
+	
 	
 	var nextObject = startBlock._iNext;
 	var previousObject = startBlock._iPrev;
@@ -458,9 +489,8 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 	
 	this.first = startBlock._iNext;
 	
-	
 	// remove the end filter
-	var lastBlock = this.last;
+	var lastBlock = data.end;
 	
 	var nextObject = lastBlock._iNext;
 	var previousObject = lastBlock._iPrev;
@@ -469,8 +499,6 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 	previousObject._iNext = nextObject;		
 	
 	// this is always true too!
-//	if(this.last == lastBlock)
-	//{
 	var tempLast =  lastBlock._iPrev;	
 	// need to make sure the parents last is updated too
 	var updateLast = this;
@@ -481,15 +509,11 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 		if(!updateLast)break;
 	}
 	
-	var mask = startBlock.mask
-	mask.renderable = true;
-	
 	// if webGL...
 	if(this.__renderGroup)
 	{
 		this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
 	}
-	//}
 }
 
 /*
@@ -501,7 +525,7 @@ PIXI.DisplayObject.prototype.removeFilter = function()
 PIXI.DisplayObject.prototype.updateTransform = function()
 {
 	// TODO OPTIMIZE THIS!! with dirty
-	if(this.rotation != this.rotationCache)
+	if(this.rotation !== this.rotationCache)
 	{
 		this.rotationCache = this.rotation;
 		this._sr =  Math.sin(this.rotation);
@@ -543,5 +567,9 @@ PIXI.DisplayObject.prototype.updateTransform = function()
 	// because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
 	// mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
 	this.worldAlpha = this.alpha * this.parent.worldAlpha;
+	
+	this.vcount = PIXI.visibleCount;
 
 }
+
+PIXI.visibleCount = 0;
\ No newline at end of file
diff --git a/src/pixi/display/DisplayObjectContainer.js b/src/pixi/display/DisplayObjectContainer.js
index 649169f..eb95624 100644
--- a/src/pixi/display/DisplayObjectContainer.js
+++ b/src/pixi/display/DisplayObjectContainer.js
@@ -29,18 +29,6 @@ PIXI.DisplayObjectContainer = function()
 PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
 PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
 
-//TODO make visible a getter setter
-/*
-Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
-    get: function() {
-        return this._visible;
-    },
-    set: function(value) {
-        this._visible = value;
-        
-    }
-});*/
-
 /**
  * Adds a child to the container.
  *
@@ -58,11 +46,10 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	}
 
 	child.parent = this;
-	child.childIndex = this.children.length;
 	
 	this.children.push(child);	
 	
-	// updae the stage refference..
+	// update the stage refference..
 	
 	if(this.stage)
 	{
@@ -85,7 +72,7 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	var previousObject;
 	
 	// this could be wrong if there is a filter??
-	if(this.filter)
+	if(this._filters || this._mask)
 	{
 		previousObject =  this.last._iPrev;
 	}
@@ -97,7 +84,6 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
 	nextObject = previousObject._iNext;
 	
 	// always true in this case
-	//this.last = child.last;
 	// need to make sure the parents last is updated too
 	var updateLast = this;
 	var prevLast = previousObject;
@@ -161,7 +147,7 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 		}
 		
 		// modify the list..
-		var childFirst = child.first
+		var childFirst = child.first;
 		var childLast = child.last;
 		var nextObject;
 		var previousObject;
@@ -169,7 +155,7 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
 		if(index == this.children.length)
 		{
 			previousObject =  this.last;
-			var updateLast = this;//.parent;
+			var updateLast = this;
 			var prevLast = this.last;
 			while(updateLast)
 			{
@@ -228,43 +214,30 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
  */
 PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
 {
-	/*
-	 * this funtion needs to be recoded.. 
-	 * can be done a lot faster..
-	 */
-	return;
+	if(child === child2) {
+		return;
+	}
+
+	var index1 = this.children.indexOf(child);
+	var index2 = this.children.indexOf(child2);
 	
-	// need to fix this function :/
-	/*
-	// TODO I already know this??
-	var index = this.children.indexOf( child );
-	var index2 = this.children.indexOf( child2 );
+	if(index1 < 0 || index2 < 0) {
+		throw new Error("swapChildren: Both the supplied DisplayObjects must be a child of the caller.");
+	}
+
+	this.removeChild(child);
+	this.removeChild(child2);
 	
-	if ( index !== -1 && index2 !== -1 ) 
+	if(index1 < index2)
 	{
-		// cool
-		
-		/*
-		if(this.stage)
-		{
-			// this is to satisfy the webGL batching..
-			// TODO sure there is a nicer way to achieve this!
-			this.stage.__removeChild(child);
-			this.stage.__removeChild(child2);
-			
-			this.stage.__addChild(child);
-			this.stage.__addChild(child2);
-		}
-		
-		// swap the positions..
-		this.children[index] = child2;
-		this.children[index2] = child;
-		
+		this.addChildAt(child2, index1);
+		this.addChildAt(child, index2);
 	}
 	else
 	{
-		throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
-	}*/
+		this.addChildAt(child, index2);
+		this.addChildAt(child2, index1);
+	}
 }
 
 /**
@@ -298,7 +271,7 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 	{
 		// unlink //
 		// modify the list..
-		var childFirst = child.first
+		var childFirst = child.first;
 		var childLast = child.last;
 		
 		var nextObject = childLast._iNext;
@@ -309,14 +282,17 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
 		
 		if(this.last == childLast)
 		{
+
 			var tempLast =  childFirst._iPrev;	
 			// need to make sure the parents last is updated too
 			var updateLast = this;
-			while(updateLast.last == childLast.last)
+			
+			while(updateLast.last == childLast)
 			{
 				updateLast.last = tempLast;
 				updateLast = updateLast.parent;
 				if(!updateLast)break;
+				
 			}
 		}
 		
@@ -367,4 +343,4 @@ PIXI.DisplayObjectContainer.prototype.updateTransform = function()
 	{
 		this.children[i].updateTransform();	
 	}
-}
+}
\ No newline at end of file
diff --git a/src/pixi/display/MovieClip.js b/src/pixi/display/MovieClip.js
index 7a77856..8a669d9 100644
--- a/src/pixi/display/MovieClip.js
+++ b/src/pixi/display/MovieClip.js
@@ -13,7 +13,7 @@
 PIXI.MovieClip = function(textures)
 {
 	PIXI.Sprite.call(this, textures[0]);
-	
+
 	/**
 	 * The array of textures that make up the animation
 	 *
@@ -21,7 +21,7 @@ PIXI.MovieClip = function(textures)
 	 * @type Array
 	 */
 	this.textures = textures;
-	
+
 	/**
 	 * The speed that the MovieClip will play at. Higher is faster, lower is slower
 	 *
@@ -47,7 +47,7 @@ PIXI.MovieClip = function(textures)
 	 * @type Function
 	 */
 	this.onComplete = null;
-	
+
 	/**
 	 * [read-only] The index MovieClips current frame (this may not have to be a whole number)
 	 *
@@ -56,8 +56,8 @@ PIXI.MovieClip = function(textures)
 	 * @default 0
 	 * @readOnly
 	 */
-	this.currentFrame = 0; 
-	
+	this.currentFrame = 0;
+
 	/**
 	 * [read-only] Indicates if the MovieClip is currently playing
 	 *
@@ -72,6 +72,23 @@ PIXI.MovieClip = function(textures)
 PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
 PIXI.MovieClip.prototype.constructor = PIXI.MovieClip;
 
+/**
+* [read-only] totalFrames is the total number of frames in the MovieClip. This is the same as number of textures
+* assigned to the MovieClip.
+*
+* @property totalFrames
+* @type Number
+* @default 0
+* @readOnly
+*/
+Object.defineProperty( PIXI.MovieClip.prototype, 'totalFrames', {
+	get: function() {
+
+		return this.textures.length;
+	}
+});
+
+
 /**
  * Stops the MovieClip
  *
@@ -127,11 +144,13 @@ PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
 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;
+
 	if(this.loop || round < this.textures.length)
 	{
 		this.setTexture(this.textures[round % this.textures.length]);
diff --git a/src/pixi/display/Sprite.js b/src/pixi/display/Sprite.js
index 0713205..e567c79 100644
--- a/src/pixi/display/Sprite.js
+++ b/src/pixi/display/Sprite.js
@@ -127,9 +127,18 @@ PIXI.Sprite.prototype.setTexture = function(texture)
 	if(this.texture.baseTexture != texture.baseTexture)
 	{
 		this.textureChange = true;	
+		this.texture = texture;
+		
+		if(this.__renderGroup)
+		{
+			this.__renderGroup.updateTexture(this);
+		}
+	}
+	else
+	{
+		this.texture = texture;
 	}
 	
-	this.texture = texture;
 	this.updateFrame = true;
 }
 
@@ -185,4 +194,3 @@ PIXI.Sprite.fromImage = function(imageId)
 	var texture = PIXI.Texture.fromImage(imageId);
 	return new PIXI.Sprite(texture);
 }
-
diff --git a/src/pixi/display/Stage.js b/src/pixi/display/Stage.js
index 681c91b..513c0ad 100644
--- a/src/pixi/display/Stage.js
+++ b/src/pixi/display/Stage.js
@@ -10,9 +10,8 @@
  * @constructor
  * @param backgroundColor {Number} the background color of the stage, easiest way to pass this in is in hex format
  *		like: 0xFFFFFF for white
- * @param interactive {Boolean} enable / disable interaction (default is false)
  */
-PIXI.Stage = function(backgroundColor, interactive)
+PIXI.Stage = function(backgroundColor)
 {
 	PIXI.DisplayObjectContainer.call( this );
 
@@ -32,7 +31,7 @@ PIXI.Stage = function(backgroundColor, interactive)
 	 * @property interactive
 	 * @type Boolean
 	 */
-	this.interactive = interactive;
+	this.interactive = true;
 
 	/**
 	 * The interaction manage for this stage, manages all interactive activity on the stage
@@ -68,6 +67,18 @@ PIXI.Stage = function(backgroundColor, interactive)
 PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
 PIXI.Stage.prototype.constructor = PIXI.Stage;
 
+/**
+ * Sets another DOM element which can receive mouse/touch interactions instead of the default Canvas element.
+ * This is useful for when you have other DOM elements ontop of the Canvas element.
+ *
+ * @method setInteractionDelegate
+ * @param domElement {DOMElement} This new domElement which will receive mouse/touch events
+ */
+PIXI.Stage.prototype.setInteractionDelegate = function(domElement)
+{
+	this.interactionManager.setTargetDomElement( domElement );
+}
+
 /*
  * Updates the object transform for rendering
  *
@@ -77,6 +88,7 @@ PIXI.Stage.prototype.constructor = PIXI.Stage;
 PIXI.Stage.prototype.updateTransform = function()
 {
 	this.worldAlpha = 1;		
+	this.vcount = PIXI.visibleCount;
 	
 	for(var i=0,j=this.children.length; i<j; i++)
 	{
@@ -89,7 +101,8 @@ PIXI.Stage.prototype.updateTransform = function()
 		// update interactive!
 		this.interactionManager.dirty = true;
 	}
-
+	
+	
 	if(this.interactive)this.interactionManager.update();
 }
 
@@ -119,35 +132,3 @@ PIXI.Stage.prototype.getMousePosition = function()
 {
 	return this.interactionManager.mouse.global;
 }
-/*
-PIXI.Stage.prototype.__addChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = this;
-	
-	if(child.children)
-	{
-		for (var i=0; i < child.children.length; i++) 
-		{
-		  	this.__addChild(child.children[i]);
-		};
-	}
-	
-}
-
-
-PIXI.Stage.prototype.__removeChild = function(child)
-{
-	if(child.interactive)this.dirty = true;
-	
-	child.stage = undefined;
-	
-	if(child.children)
-	{
-		for(var i=0,j=child.children.length; i<j; i++)
-		{
-		  	this.__removeChild(child.children[i]);
-		}
-	}
-}*/
diff --git a/src/pixi/extras/CustomRenderable.js b/src/pixi/extras/CustomRenderable.js
index eb0dc5b..24b2258 100644
--- a/src/pixi/extras/CustomRenderable.js
+++ b/src/pixi/extras/CustomRenderable.js
@@ -6,7 +6,7 @@
 /**
  * This object is one that will allow you to specify custom rendering functions based on render type
  *
- * @class CustomRenderable 
+ * @class CustomRenderable
  * @extends DisplayObject
  * @constructor
  */
@@ -14,6 +14,7 @@ PIXI.CustomRenderable = function()
 {
 	PIXI.DisplayObject.call( this );
 	
+	this.renderable = true;
 }
 
 // constructor
diff --git a/src/pixi/extras/Rope.js b/src/pixi/extras/Rope.js
index 1c057c8..754306d 100644
--- a/src/pixi/extras/Rope.js
+++ b/src/pixi/extras/Rope.js
@@ -7,7 +7,7 @@ PIXI.Rope = function(texture, points)
 {
 	PIXI.Strip.call( this, texture );
 	this.points = points;
-	
+
 	try
 	{
 		this.verticies = new Float32Array( points.length * 4);
@@ -18,12 +18,12 @@ PIXI.Rope = function(texture, points)
 	catch(error)
 	{
 		this.verticies = verticies
-		
+
 		this.uvs = uvs
 		this.colors = colors
 		this.indices = indices
 	}
-	
+
 	this.refresh();
 }
 
@@ -36,99 +36,99 @@ PIXI.Rope.prototype.refresh = function()
 {
 	var points = this.points;
 	if(points.length < 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 < total; i++) 
+
+	for (var i =  1; i < total; i++)
 	{
-		
+
 		var point = points[i];
 		var index = i * 4;
 		// time to do some smart drawing!
 		var amount = i/(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 < 1)return;
-	
-	var verticies = this.verticies 
-	
+
+	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[0] = point.x + perp.x
 	verticies[1] = point.y + perp.y //+ 200
-	verticies[2] = point.x - perp.x 
+	verticies[2] = point.x - perp.x
 	verticies[3] = point.y - perp.y//+200
 	// time to do some smart drawing!
-	
+
 	var total = points.length;
-		
-	for (var i =  1; i < total; i++) 
+
+	for (var i =  1; i < total; i++)
 	{
-		
+
 		var point = points[i];
 		var index = i * 4;
-		
+
 		if(i < points.length-1)
 		{
 			nextPoint = points[i+1];
@@ -137,35 +137,35 @@ PIXI.Rope.prototype.updateTransform = function()
 		{
 			nextPoint = point
 		}
-		
+
 		perp.y = -(nextPoint.x - lastPoint.x);
 		perp.x = nextPoint.y - lastPoint.y;
-		
+
 		var ratio = (1 - (i / (total-1))) * 10;
 				if(ratio > 1)ratio = 1;
-				
+
 		var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
 		var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
 		perp.x /= perpLength;
 		perp.y /= perpLength;
-	
+
 		perp.x *= num;
 		perp.y *= num;
-		
-		verticies[index] = point.x + perp.x 
+
+		verticies[index] = point.x + perp.x
 		verticies[index+1] = point.y + perp.y
-		verticies[index+2] = point.x - perp.x 
+		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)
 {
-	// stop current texture 
+	// stop current texture
 	this.texture = texture;
 	this.updateFrame = true;
 }
diff --git a/src/pixi/extras/Spine.js b/src/pixi/extras/Spine.js
index bc1e7d4..b5dd1f4 100644
--- a/src/pixi/extras/Spine.js
+++ b/src/pixi/extras/Spine.js
@@ -17,48 +17,41 @@
  * @constructor
  * @param url {String} The url of the spine anim file to be used
  */
-PIXI.Spine = function(url)
-{
+PIXI.Spine = function (url) {
   PIXI.DisplayObjectContainer.call(this);
 
   this.spineData = PIXI.AnimCache[url];
 
-  if(!this.spineData)
-  {
+  if (!this.spineData) {
     throw new Error("Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: " + url);
-    return;
   }
 
-  this.count = 0;
-
-  this.sprites = [];
-
   this.skeleton = new spine.Skeleton(this.spineData);
   this.skeleton.updateWorldTransform();
 
   this.stateData = new spine.AnimationStateData(this.spineData);
   this.state = new spine.AnimationState(this.stateData);
 
-  // add the sprites..
-  for (var i = 0; i < this.skeleton.drawOrder.length; i++) {
+  this.slotContainers = [];
 
-    var attachmentName = this.skeleton.drawOrder[i].data.attachmentName;
-
-    // kind of an assumtion here. that its a png
-    if(!PIXI.TextureCache[attachmentName])
-    {
-      attachmentName += ".png";
+  for (var i = 0, n = this.skeleton.drawOrder.length; i < n; i++) {
+    var slot = this.skeleton.drawOrder[i];
+    var attachment = slot.attachment;
+    var slotContainer = new PIXI.DisplayObjectContainer();
+    this.slotContainers.push(slotContainer);
+    this.addChild(slotContainer);
+    if (!(attachment instanceof spine.RegionAttachment)) {
+      continue;
     }
+    var spriteName = attachment.rendererObject.name;
+    var sprite = this.createSprite(slot, attachment.rendererObject);
+    slot.currentSprite = sprite;
+    slot.currentSpriteName = spriteName;
+    slotContainer.addChild(sprite);
+  }
+};
 
-
-    var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(attachmentName));
-    sprite.anchor.x = sprite.anchor.y = 0.5;
-    this.addChild(sprite);
-    this.sprites.push(sprite);
-  };
-}
-
-PIXI.Spine.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
+PIXI.Spine.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
 PIXI.Spine.prototype.constructor = PIXI.Spine;
 
 /*
@@ -67,49 +60,68 @@ PIXI.Spine.prototype.constructor = PIXI.Spine;
  * @method updateTransform
  * @private
  */
-PIXI.Spine.prototype.updateTransform = function()
-{
-  // TODO should make this time based really..
-  this.state.update(1/60);
+PIXI.Spine.prototype.updateTransform = function () {
+  this.lastTime = this.lastTime || Date.now();
+  var timeDelta = (Date.now() - this.lastTime) * 0.001;
+  this.lastTime = Date.now();
+  this.state.update(timeDelta);
   this.state.apply(this.skeleton);
   this.skeleton.updateWorldTransform();
 
+  var drawOrder = this.skeleton.drawOrder;
+  for (var i = 0, n = drawOrder.length; i < n; i++) {
+    var slot = drawOrder[i];
+    var attachment = slot.attachment;
+    var slotContainer = this.slotContainers[i];
+    if (!(attachment instanceof spine.RegionAttachment)) {
+      slotContainer.visible = false;
+      continue;
+    }
 
-  for (var i = 0; i < this.skeleton.drawOrder.length; i++)
-  {
-    var slot = this.skeleton.drawOrder[i];
-
-    var x = slot.bone.worldX + slot.attachment.x * slot.bone.m00 + slot.attachment.y * slot.bone.m01 + slot.attachment.width * 0.5;
-    var y = slot.bone.worldY + slot.attachment.x * slot.bone.m10 + slot.attachment.y * slot.bone.m11 + slot.attachment.height * 0.5;
-    //console.log(x + ' : ' + y);
-
-
-      //console.log(slot.attachment.name)
-      if(slot.cacheName != slot.attachment.name)
-      {
-        var attachmentName = slot.attachment.name;
-
-        if(!PIXI.TextureCache[attachmentName])
-        {
-          attachmentName += ".png";
+    if (attachment.rendererObject) {
+      if (!slot.currentSpriteName || slot.currentSpriteName != attachment.name) {
+        var spriteName = attachment.rendererObject.name;
+        if (slot.currentSprite !== undefined) {
+          slot.currentSprite.visible = false;
         }
-
-        this.sprites[i].setTexture(PIXI.TextureCache[attachmentName]);
-
-        slot.cacheName = slot.attachment.name;
+        slot.sprites = slot.sprites || {};
+        if (slot.sprites[spriteName] !== undefined) {
+          slot.sprites[spriteName].visible = true;
+        } else {
+          var sprite = this.createSprite(slot, attachment.rendererObject);
+          slotContainer.addChild(sprite);
+        }
+        slot.currentSprite = slot.sprites[spriteName];
+        slot.currentSpriteName = spriteName;
       }
+    }
+    slotContainer.visible = true;
 
-    x += -((slot.attachment.width * (slot.bone.worldScaleX + slot.attachment.scaleX - 1))>>1);
-    y += -((slot.attachment.height * (slot.bone.worldScaleY + slot.attachment.scaleY - 1))>>1);
+    var bone = slot.bone;
 
+    slotContainer.position.x = bone.worldX + attachment.x * bone.m00 + attachment.y * bone.m01;
+    slotContainer.position.y = bone.worldY + attachment.x * bone.m10 + attachment.y * bone.m11;
+    slotContainer.scale.x = bone.worldScaleX;
+    slotContainer.scale.y = bone.worldScaleY;
 
-    this.sprites[i].position.x = x;
-    this.sprites[i].position.y = y;
-    this.sprites[i].rotation = (-(slot.bone.worldRotation + slot.attachment.rotation)) * (Math.PI/180);
+    slotContainer.rotation = -(slot.bone.worldRotation * Math.PI / 180);
   }
 
   PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-}
+};
+
+
+PIXI.Spine.prototype.createSprite = function (slot, descriptor) {
+  var name = PIXI.TextureCache[descriptor.name] ? descriptor.name : descriptor.name + ".png";
+  var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(name));
+  sprite.scale = descriptor.scale;
+  sprite.rotation = descriptor.rotation;
+  sprite.anchor.x = sprite.anchor.y = 0.5;
+
+  slot.sprites = slot.sprites || {};
+  slot.sprites[descriptor.name] = sprite;
+  return sprite;
+};
 
 /*
  * Awesome JS run time provided by EsotericSoftware
@@ -456,6 +468,7 @@ spine.TranslateTimeline.prototype = {
     var frameTime = frames[frameIndex];
     var percent = 1 - (time - frameTime) / (frames[frameIndex + -3/*LAST_FRAME_TIME*/] - frameTime);
     percent = this.curves.getCurvePercent(frameIndex / 3 - 1, percent);
+
     bone.x += (bone.data.x + lastFrameX + (frames[frameIndex + 1/*FRAME_X*/] - lastFrameX) * percent - bone.x) * alpha;
     bone.y += (bone.data.y + lastFrameY + (frames[frameIndex + 2/*FRAME_Y*/] - lastFrameY) * percent - bone.y) * alpha;
   }
@@ -486,8 +499,6 @@ spine.ScaleTimeline.prototype = {
     if (time >= frames[frames.length - 3]) { // Time is after last frame.
       bone.scaleX += (bone.data.scaleX - 1 + frames[frames.length - 2] - bone.scaleX) * alpha;
       bone.scaleY += (bone.data.scaleY - 1 + frames[frames.length - 1] - bone.scaleY) * alpha;
-
-
       return;
     }
 
@@ -525,6 +536,7 @@ spine.ColorTimeline.prototype = {
   apply: function (skeleton, time, alpha) {
     var frames = this.frames;
     if (time < frames[0]) return; // Time is before first frame.
+
     var slot = skeleton.slots[this.slotIndex];
 
     if (time >= frames[frames.length - 5]) { // Time is after last frame.
@@ -574,7 +586,7 @@ spine.AttachmentTimeline = function (frameCount) {
 spine.AttachmentTimeline.prototype = {
   slotIndex: 0,
   getFrameCount: function () {
-    return this.frames.length / 2;
+            return this.frames.length;
   },
   setFrame: function (frameIndex, time, attachmentName) {
     this.frames[frameIndex] = time;
@@ -591,11 +603,6 @@ spine.AttachmentTimeline.prototype = {
       frameIndex = spine.binarySearch(frames, time, 1) - 1;
 
     var attachmentName = this.attachmentNames[frameIndex];
-    //console.log(skeleton.slots[this.slotIndex])
-
-    // change the name!
-  //  skeleton.slots[this.slotIndex].attachmentName = attachmentName;
-
     skeleton.slots[this.slotIndex].setAttachment(!attachmentName ? null : skeleton.getAttachmentBySlotIndex(this.slotIndex, attachmentName));
   }
 };
@@ -767,11 +774,9 @@ spine.Skeleton.prototype = {
       if (slot.data.name == slotName) {
         var attachment = null;
         if (attachmentName) {
-
           attachment = this.getAttachment(i, attachmentName);
           if (attachment == null) throw "Attachment not found: " + attachmentName + ", for slot: " + slotName;
         }
-
         slot.setAttachment(attachment);
         return;
       }
@@ -853,7 +858,6 @@ spine.RegionAttachment.prototype = {
     offset[7/*Y4*/] = localYCos + localX2Sin;
   },
   computeVertices: function (x, y, bone, vertices) {
-
     x += bone.worldX;
     y += bone.worldY;
     var m00 = bone.m00;
@@ -877,6 +881,7 @@ spine.AnimationStateData = function (skeletonData) {
   this.animationToMixTime = {};
 };
 spine.AnimationStateData.prototype = {
+        defaultMix: 0,
   setMixByName: function (fromName, toName, duration) {
     var from = this.skeletonData.findAnimation(fromName);
     if (!from) throw "Animation not found: " + fromName;
@@ -889,7 +894,7 @@ spine.AnimationStateData.prototype = {
   },
   getMix: function (from, to) {
     var time = this.animationToMixTime[from.name + ":" + to.name];
-    return time ? time : 0;
+            return time ? time : this.defaultMix;
   }
 };
 
@@ -1076,15 +1081,8 @@ spine.SkeletonJson.prototype = {
 
     var type = spine.AttachmentType[map["type"] || "region"];
 
-    // @ekelokorpi
-    // var attachment = this.attachmentLoader.newAttachment(skin, type, name);
-    var attachment = new spine.RegionAttachment();
-
-    // @Doormat23
-    // add the name of the attachment
-    attachment.name = name;
-
     if (type == spine.AttachmentType.region) {
+      var attachment = new spine.RegionAttachment();
       attachment.x = (map["x"] || 0) * this.scale;
       attachment.y = (map["y"] || 0) * this.scale;
       attachment.scaleX = map["scaleX"] || 1;
@@ -1093,10 +1091,19 @@ spine.SkeletonJson.prototype = {
       attachment.width = (map["width"] || 32) * this.scale;
       attachment.height = (map["height"] || 32) * this.scale;
       attachment.updateOffset();
+
+      attachment.rendererObject = {};
+      attachment.rendererObject.name = name;
+      attachment.rendererObject.scale = {};
+      attachment.rendererObject.scale.x = attachment.scaleX;
+      attachment.rendererObject.scale.y = attachment.scaleY;
+      attachment.rendererObject.rotation = -attachment.rotation * Math.PI / 180;
+      return attachment;
     }
 
-    return attachment;
+            throw "Unknown attachment type: " + type;
   },
+
   readAnimation: function (name, map, skeletonData) {
     var timelines = [];
     var duration = 0;
@@ -1190,8 +1197,8 @@ spine.SkeletonJson.prototype = {
             timeline.setFrame(frameIndex++, valueMap["time"], valueMap["name"]);
           }
           timelines.push(timeline);
-          // PIXI FIX
-          duration = Math.max(duration, timeline.frames[Math.floor(timeline.getFrameCount()) - 1]);
+                        duration = Math.max(duration, timeline.frames[timeline.getFrameCount() - 1]);
+
         } else
           throw "Invalid timeline type for a slot: " + timelineName + " (" + slotName + ")";
       }
diff --git a/src/pixi/extras/Strip.js b/src/pixi/extras/Strip.js
index 1e5ba3b..857e412 100644
--- a/src/pixi/extras/Strip.js
+++ b/src/pixi/extras/Strip.js
@@ -7,20 +7,20 @@ 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)
@@ -28,18 +28,18 @@ PIXI.Strip = function(texture, width, height)
 		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.uvs = new Float32Array()
 	this.verticies = new Float32Array()
@@ -48,7 +48,7 @@ PIXI.Strip = function(texture, width, height)
 */
 	this.width = width;
 	this.height = height;
-	
+
 	// load the texture!
 	if(texture.baseTexture.hasLoaded)
 	{
@@ -61,7 +61,7 @@ PIXI.Strip = function(texture, width, height)
 		this.onTextureUpdateBind = this.onTextureUpdate.bind(this);
 		this.texture.addEventListener( 'update', this.onTextureUpdateBind );
 	}
-	
+
 	this.renderable = true;
 }
 
@@ -73,8 +73,8 @@ PIXI.Strip.prototype.setTexture = function(texture)
 {
 	//TODO SET THE TEXTURES
 	//TODO VISIBILITY
-	
-	// stop current texture 
+
+	// stop current texture
 	this.texture = texture;
 	this.width   = texture.frame.width;
 	this.height  = texture.frame.height;
diff --git a/src/pixi/extras/TilingSprite.js b/src/pixi/extras/TilingSprite.js
index 2cb17fa..be2e93f 100644
--- a/src/pixi/extras/TilingSprite.js
+++ b/src/pixi/extras/TilingSprite.js
@@ -45,7 +45,7 @@ PIXI.TilingSprite = function(texture, width, height)
 	 *
 	 * @property tileScale
 	 * @type Point
-	 */	
+	 */
 	this.tileScale = new PIXI.Point(1,1);
 
 	/**
@@ -53,11 +53,11 @@ PIXI.TilingSprite = function(texture, width, height)
 	 *
 	 * @property tilePosition
 	 * @type Point
-	 */	
+	 */
 	this.tilePosition = new PIXI.Point(0,0);
 
 	this.renderable = true;
-	
+
 	this.blendMode = PIXI.blendModes.NORMAL
 }
 
@@ -75,8 +75,8 @@ PIXI.TilingSprite.prototype.setTexture = function(texture)
 {
 	//TODO SET THE TEXTURES
 	//TODO VISIBILITY
-	
-	// stop current texture 
+
+	// stop current texture
 	this.texture = texture;
 	this.updateFrame = true;
 }
diff --git a/src/pixi/filters/AbstractFilter.js b/src/pixi/filters/AbstractFilter.js
new file mode 100644
index 0000000..4e40c65
--- /dev/null
+++ b/src/pixi/filters/AbstractFilter.js
@@ -0,0 +1,37 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * This is the base class for  creating a pixi.js filter. Currently only webGL supports filters.
+ * If you want to make a custom filter this should be your base class.
+ * @class AbstractFilter
+ * @constructor
+ * @param fragmentSrc
+ * @param uniforms  
+ */
+PIXI.AbstractFilter = function(fragmentSrc, uniforms)
+{
+	/**
+	* An array of passes - some filters contain a few steps this array simply stores the steps in a liniear fashion.
+	* For example the blur filter has two passes blurX and blurY.
+	* @property passes
+	* @type Array an array of filter objects
+	* @private
+	*/
+	this.passes = [this];
+
+
+	this.dirty = true;
+	this.padding = 0;
+
+	/**
+	@property uniforms
+	@private
+	*/
+	this.uniforms = uniforms || {};
+	
+	this.fragmentSrc = fragmentSrc || [];
+}
+
diff --git a/src/pixi/filters/BlurFilter.js b/src/pixi/filters/BlurFilter.js
new file mode 100644
index 0000000..43caa0c
--- /dev/null
+++ b/src/pixi/filters/BlurFilter.js
@@ -0,0 +1,70 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * The BlurFilter applies a Gaussian blur to an object. 
+ * The strength of the blur can be set for x- and y-axis separately (always relative to the stage).
+ *
+ * @class BlurFilter
+ * @contructor
+ */
+PIXI.BlurFilter = function()
+{
+    
+	this.blurXFilter = new PIXI.BlurXFilter();
+	this.blurYFilter = new PIXI.BlurYFilter();
+
+	this.passes =[this.blurXFilter, this.blurYFilter];
+	
+}
+
+/**
+ * Sets the strength of both the blurX and blurY properties simultaneously
+ *
+ * @property blur
+ * @type Number the strength of the blur
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, 'blur', {
+    get: function() {
+        return this.blurXFilter.blur;
+    },
+    set: function(value) {
+  		this.blurXFilter.blur = this.blurYFilter.blur = value;
+    }
+});
+
+/**
+ * Sets the strength of the blurX property simultaneously
+ *
+ * @property blurX
+ * @type Number the strength of the blurX
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, 'blurX', {
+    get: function() {
+        return this.blurXFilter.blur;
+    },
+    set: function(value) {
+    	this.blurXFilter.blur = value;
+    }
+});
+
+/**
+ * Sets the strength of the blurX property simultaneously
+ *
+ * @property blurY
+ * @type Number the strength of the blurY
+ * @default 2
+ */
+Object.defineProperty(PIXI.BlurFilter.prototype, 'blurY', {
+    get: function() {
+        return this.blurYFilter.blur;
+    },
+    set: function(value) {
+    	this.blurYFilter.blur = value;
+    }
+});
diff --git a/src/pixi/filters/BlurXFilter.js b/src/pixi/filters/BlurXFilter.js
new file mode 100644
index 0000000..38a99b4
--- /dev/null
+++ b/src/pixi/filters/BlurXFilter.js
@@ -0,0 +1,56 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.BlurXFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: '1f', value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float blur;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	"vec4 sum = vec4(0.0);",
+
+	  	"sum += texture2D(uSampler, vec2(vTextureCoord.x - 4.0*blur, vTextureCoord.y)) * 0.05;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x - 3.0*blur, vTextureCoord.y)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x - 2.0*blur, vTextureCoord.y)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x - blur, vTextureCoord.y)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + blur, vTextureCoord.y)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + 2.0*blur, vTextureCoord.y)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + 3.0*blur, vTextureCoord.y)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x + 4.0*blur, vTextureCoord.y)) * 0.05;",
+	 
+		"gl_FragColor = sum;",
+
+	  "}"
+	];
+}
+
+PIXI.BlurXFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.BlurXFilter.prototype.constructor = PIXI.BlurXFilter;
+
+
+Object.defineProperty(PIXI.BlurXFilter.prototype, 'blur', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    
+    	this.dirty = true;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
diff --git a/src/pixi/filters/BlurYFilter.js b/src/pixi/filters/BlurYFilter.js
new file mode 100644
index 0000000..d472f79
--- /dev/null
+++ b/src/pixi/filters/BlurYFilter.js
@@ -0,0 +1,54 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.BlurYFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: '1f', value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float blur;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	"vec4 sum = vec4(0.0);",
+
+	  	"sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 4.0*blur)) * 0.05;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 3.0*blur)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 2.0*blur)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - blur)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + blur)) * 0.15;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 2.0*blur)) * 0.12;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 3.0*blur)) * 0.09;",
+	    "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 4.0*blur)) * 0.05;",
+	 
+		"gl_FragColor = sum;",
+
+	  "}"
+	];
+}
+
+PIXI.BlurYFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.BlurYFilter.prototype.constructor = PIXI.BlurYFilter;
+
+Object.defineProperty(PIXI.BlurYFilter.prototype, 'blur', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    	//this.padding = value;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
diff --git a/src/pixi/filters/ColorMatrixFilter.js b/src/pixi/filters/ColorMatrixFilter.js
new file mode 100644
index 0000000..1386f8b
--- /dev/null
+++ b/src/pixi/filters/ColorMatrixFilter.js
@@ -0,0 +1,59 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * The ColorMatrixFilter class lets you apply a 4x4 matrix transformation on the RGBA 
+ * color and alpha values of every pixel on your displayObject to produce a result 
+ * with a new set of RGBA color and alpha values. Its pretty powerful!
+ * @class ColorMatrixFilter
+ * @contructor
+ */
+PIXI.ColorMatrixFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		matrix: {type: 'mat4', value: [1,0,0,0,
+									   0,1,0,0,
+									   0,0,1,0,
+									   0,0,0,1]},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float invert;",
+	  "uniform mat4 matrix;",
+	  "uniform sampler2D uSampler;",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord) * matrix;",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+	
+}
+
+PIXI.ColorMatrixFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.ColorMatrixFilter.prototype.constructor = PIXI.ColorMatrixFilter;
+
+/**
+ * Sets the matrix of the color matrix filter
+ *
+ * @property matrix
+ * @type Array and array of 26 numbers
+ * @default [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]
+ */
+Object.defineProperty(PIXI.ColorMatrixFilter.prototype, 'matrix', {
+    get: function() {
+        return this.uniforms.matrix.value;
+    },
+    set: function(value) {
+    	this.uniforms.matrix.value = value;
+    }
+});
\ No newline at end of file
diff --git a/src/pixi/filters/ColorStepFilter.js b/src/pixi/filters/ColorStepFilter.js
new file mode 100644
index 0000000..8039af8
--- /dev/null
+++ b/src/pixi/filters/ColorStepFilter.js
@@ -0,0 +1,51 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This turns your displayObjects to black and white.
+ * @class ColorStepFilter
+ * @contructor
+ */
+PIXI.ColorStepFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		step: {type: '1f', value: 5},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform sampler2D uSampler;",
+	  "uniform float step;",
+	  "void main(void) {",
+	    "vec4 color = texture2D(uSampler, vTextureCoord);",
+	    "color = floor(color * step) / step;",
+	    "gl_FragColor = color * vColor;",
+	  "}"
+	];
+}
+
+PIXI.ColorStepFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.ColorStepFilter.prototype.constructor = PIXI.ColorStepFilter;
+
+/**
+The number of steps.
+@property step
+*/
+Object.defineProperty(PIXI.ColorStepFilter.prototype, 'step', {
+    get: function() {
+        return this.uniforms.step.value;
+    },
+    set: function(value) {
+    	this.uniforms.step.value = value;
+    }
+});
diff --git a/src/pixi/filters/CrossHatchFilter.js b/src/pixi/filters/CrossHatchFilter.js
new file mode 100644
index 0000000..2d26715
--- /dev/null
+++ b/src/pixi/filters/CrossHatchFilter.js
@@ -0,0 +1,69 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.CrossHatchFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: '1f', value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float blur;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	
+	    
+		"    float lum = length(texture2D(uSampler, vTextureCoord.xy).rgb);",
+		"     ",
+		"    gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);",
+		"     ",
+		"    if (lum < 1.00) {",
+		"        if (mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"     ",
+		"    if (lum < 0.75) {",
+		"        if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"     ",
+		"    if (lum < 0.50) {",
+		"        if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"     ",
+		"    if (lum < 0.3) {",
+		"        if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+		"            gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
+		"        }",
+		"    }",
+		"}"
+	];
+}
+
+PIXI.CrossHatchFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.CrossHatchFilter.prototype.constructor = PIXI.BlurYFilter;
+
+Object.defineProperty(PIXI.CrossHatchFilter.prototype, 'blur', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    	//this.padding = value;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
diff --git a/src/pixi/filters/DisplacementFilter.js b/src/pixi/filters/DisplacementFilter.js
new file mode 100644
index 0000000..5662731
--- /dev/null
+++ b/src/pixi/filters/DisplacementFilter.js
@@ -0,0 +1,135 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * The DisplacementFilter class uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object. 
+ * You can use this filter to apply all manor of crazy warping effects
+ * Currently the r property of the texture is used offset the x and the g propery of the texture is used to offset the y.
+ * @class DisplacementFilter
+ * @contructor
+ * @param texture {Texture} The texture used for the displacemtent map * must be power of 2 texture at the moment
+ */
+PIXI.DisplacementFilter = function(texture)
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	texture.baseTexture._powerOf2 = true;
+
+	// set the uniforms
+	//console.log()
+	this.uniforms = {
+		displacementMap: {type: 'sampler2D', value:texture},
+		scale:			 {type: '2f', value:{x:30, y:30}},
+		offset:			 {type: '2f', value:{x:0, y:0}},
+		mapDimensions:   {type: '2f', value:{x:1, y:5112}},
+		dimensions:   {type: '4fv', value:[0,0,0,0]}
+	};
+	
+
+	if(texture.baseTexture.hasLoaded)
+	{
+		this.uniforms.mapDimensions.value.x = texture.width;
+		this.uniforms.mapDimensions.value.y = texture.height;
+	}
+	else
+	{
+		this.boundLoadedFunction = this.onTextureLoaded.bind(this);
+
+		texture.baseTexture.on("loaded", this.boundLoadedFunction);
+	}
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform sampler2D displacementMap;",
+	  "uniform sampler2D uSampler;",
+	  "uniform vec2 scale;",
+	  "uniform vec2 offset;",
+	  "uniform vec4 dimensions;",
+	  "uniform vec2 mapDimensions;",// = vec2(256.0, 256.0);",
+	 // "const vec2 textureDimensions = vec2(750.0, 750.0);",
+	  
+	  "void main(void) {",
+	  	"vec2 mapCords = vTextureCoord.xy;",
+//	  	"mapCords -= ;",
+	 	"mapCords += (dimensions.zw + offset)/ dimensions.xy ;",
+	 	"mapCords.y *= -1.0;",
+	 	"mapCords.y += 1.0;",
+	  	"vec2 matSample = texture2D(displacementMap, mapCords).xy;",
+		"matSample -= 0.5;",	  
+	 	"matSample *= scale;",
+	 	"matSample /= mapDimensions;",
+	    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x + matSample.x, vTextureCoord.y + matSample.y));",
+		"gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb, 1.0);",
+		"vec2 cord = vTextureCoord;",
+		
+		//"gl_FragColor =  texture2D(displacementMap, cord);",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	    
+	  "}"
+	];
+	
+}
+
+PIXI.DisplacementFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.DisplacementFilter.prototype.constructor = PIXI.DisplacementFilter;
+
+PIXI.DisplacementFilter.prototype.onTextureLoaded = function()
+{
+	
+	this.uniforms.mapDimensions.value.x = this.uniforms.displacementMap.value.width;
+	this.uniforms.mapDimensions.value.y = this.uniforms.displacementMap.value.height;
+
+	this.uniforms.displacementMap.value.baseTexture.off("loaded", this.boundLoadedFunction)
+
+}
+
+/**
+ * The texture used for the displacemtent map * must be power of 2 texture at the moment
+ *
+ * @property map
+ * @type Texture
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, 'map', {
+    get: function() {
+        return this.uniforms.displacementMap.value;
+    },
+    set: function(value) {
+    	this.uniforms.displacementMap.value = value;
+    }
+});
+
+/**
+ * The multiplier used to scale the displacement result from the map calculation.
+ *
+ * @property scale
+ * @type Point
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, 'scale', {
+    get: function() {
+        return this.uniforms.scale.value;
+    },
+    set: function(value) {
+    	this.uniforms.scale.value = value;
+    }
+});
+
+/**
+ * The offset used to move the displacement map.
+ *
+ * @property offset
+ * @type Point
+ */
+Object.defineProperty(PIXI.DisplacementFilter.prototype, 'offset', {
+    get: function() {
+        return this.uniforms.offset.value;
+    },
+    set: function(value) {
+    	this.uniforms.offset.value = value;
+    }
+});
\ No newline at end of file
diff --git a/src/pixi/filters/DotScreenFilter.js b/src/pixi/filters/DotScreenFilter.js
new file mode 100644
index 0000000..6c59d4c
--- /dev/null
+++ b/src/pixi/filters/DotScreenFilter.js
@@ -0,0 +1,86 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ * original filter: https://github.com/evanw/glfx.js/blob/master/src/filters/fun/dotscreen.js
+ */
+
+/**
+ * 
+ * This filter applies a pixlate effect making display objects appear "blocky"
+ * @class PixelateFilter
+ * @contructor
+ */
+PIXI.DotScreenFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		scale: {type: '1f', value:1},
+		angle: {type: '1f', value:5},
+		dimensions:   {type: '4fv', value:[0,0,0,0]}
+	};
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec4 dimensions;",
+	  "uniform sampler2D uSampler;",
+
+	    "uniform float angle;",
+	    "uniform float scale;",
+
+	    "float pattern() {",
+	    	"float s = sin(angle), c = cos(angle);",
+	    	"vec2 tex = vTextureCoord * dimensions.xy;",
+	    	"vec2 point = vec2(",
+	    		"c * tex.x - s * tex.y,",
+	    		"s * tex.x + c * tex.y",
+	    	") * scale;",
+	    	"return (sin(point.x) * sin(point.y)) * 4.0;",
+	    "}",
+
+	    "void main() {",
+            "vec4 color = texture2D(uSampler, vTextureCoord);",
+            "float average = (color.r + color.g + color.b) / 3.0;",
+            "gl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);",
+        "}",
+	];
+}
+
+PIXI.DotScreenFilter.prototype = Object.create( PIXI.DotScreenFilter.prototype );
+PIXI.DotScreenFilter.prototype.constructor = PIXI.DotScreenFilter;
+
+/**
+ * 
+ * This describes the the scale
+ * @property scale
+ * @type Number
+ */
+Object.defineProperty(PIXI.DotScreenFilter.prototype, 'scale', {
+    get: function() {
+        return this.uniforms.scale.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.scale.value = value;
+    }
+});
+
+/**
+ * 
+ * This radius describes angle
+ * @property angle
+ * @type Number
+ */
+Object.defineProperty(PIXI.DotScreenFilter.prototype, 'angle', {
+    get: function() {
+        return this.uniforms.angle.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.angle.value = value;
+    }
+});
\ No newline at end of file
diff --git a/src/pixi/filters/FilterBlock.js b/src/pixi/filters/FilterBlock.js
index c473233..bfcfdb7 100644
--- a/src/pixi/filters/FilterBlock.js
+++ b/src/pixi/filters/FilterBlock.js
@@ -4,10 +4,8 @@
 
 
 
-PIXI.FilterBlock = function(mask)
+PIXI.FilterBlock = function()
 {
-	this.graphics = mask
 	this.visible = true;
 	this.renderable = true;
-}
-
+}
\ No newline at end of file
diff --git a/src/pixi/filters/GrayFilter.js b/src/pixi/filters/GrayFilter.js
new file mode 100644
index 0000000..9b6bb61
--- /dev/null
+++ b/src/pixi/filters/GrayFilter.js
@@ -0,0 +1,51 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This turns your displayObjects to black and white.
+ * @class GrayFilter
+ * @contructor
+ */
+PIXI.GrayFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		gray: {type: '1f', value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform sampler2D uSampler;",
+	  "uniform float gray;",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord);",
+		"gl_FragColor.rgb = mix(gl_FragColor.rgb, vec3(0.2126*gl_FragColor.r + 0.7152*gl_FragColor.g + 0.0722*gl_FragColor.b), gray);",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+}
+
+PIXI.GrayFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.GrayFilter.prototype.constructor = PIXI.GrayFilter;
+
+/**
+The strength of the gray. 1 will make the object black and white, 0 will make the object its normal color
+@property gray
+*/
+Object.defineProperty(PIXI.GrayFilter.prototype, 'gray', {
+    get: function() {
+        return this.uniforms.gray.value;
+    },
+    set: function(value) {
+    	this.uniforms.gray.value = value;
+    }
+});
diff --git a/src/pixi/filters/InvertFilter.js b/src/pixi/filters/InvertFilter.js
new file mode 100644
index 0000000..afd196e
--- /dev/null
+++ b/src/pixi/filters/InvertFilter.js
@@ -0,0 +1,52 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This inverts your displayObjects colors.
+ * @class InvertFilter
+ * @contructor
+ */
+PIXI.InvertFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		invert: {type: '1f', value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float invert;",
+	  "uniform sampler2D uSampler;",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord);",
+		"gl_FragColor.rgb = mix( (vec3(1)-gl_FragColor.rgb) * gl_FragColor.a, gl_FragColor.rgb, 1.0 - invert);",
+		//"gl_FragColor.rgb = gl_FragColor.rgb  * gl_FragColor.a;",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+	
+}
+
+PIXI.InvertFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.InvertFilter.prototype.constructor = PIXI.InvertFilter;
+
+/**
+The strength of the invert. 1 will fully invert the colors, 0 will make the object its normal color
+@property invert
+*/
+Object.defineProperty(PIXI.InvertFilter.prototype, 'invert', {
+    get: function() {
+        return this.uniforms.invert.value;
+    },
+    set: function(value) {
+    	this.uniforms.invert.value = value;
+    }
+});
\ No newline at end of file
diff --git a/src/pixi/filters/MaskFilter.js b/src/pixi/filters/MaskFilter.js
deleted file mode 100644
index 1cf00eb..0000000
--- a/src/pixi/filters/MaskFilter.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.MaskFilter = function(graphics)
-{
-	// the graphics data that will be used for filtering
-	this.graphics;
-}
-
diff --git a/src/pixi/filters/PixelateFilter.js b/src/pixi/filters/PixelateFilter.js
new file mode 100644
index 0000000..d268015
--- /dev/null
+++ b/src/pixi/filters/PixelateFilter.js
@@ -0,0 +1,62 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This filter applies a pixlate effect making display objects appear "blocky"
+ * @class PixelateFilter
+ * @contructor
+ */
+PIXI.PixelateFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		invert: {type: '1f', value: 0},
+		dimensions: {type: '4fv', value:new Float32Array([10000, 100, 10, 10])},
+		pixelSize: {type: '2f', value:{x:10, y:10}},
+	};
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec2 testDim;",
+	  "uniform vec4 dimensions;",
+	  "uniform vec2 pixelSize;",
+	  "uniform sampler2D uSampler;",
+	  "void main(void) {",
+	 	"vec2 coord = vTextureCoord;",
+
+	 	"vec2 size = dimensions.xy/pixelSize;",
+
+	 	"vec2 color = floor( ( vTextureCoord * size ) ) / size + pixelSize/dimensions.xy * 0.5;",
+	    "gl_FragColor = texture2D(uSampler, color);",
+	  "}"
+	];
+	
+
+}
+
+PIXI.PixelateFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.PixelateFilter.prototype.constructor = PIXI.PixelateFilter;
+
+/**
+ * 
+ * This a point that describes the size of the blocs. x is the width of the block and y is the the height
+ * @property size
+ * @type Point
+ */
+Object.defineProperty(PIXI.PixelateFilter.prototype, 'size', {
+    get: function() {
+        return this.uniforms.pixelSize.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.pixelSize.value = value;
+    }
+});
\ No newline at end of file
diff --git a/src/pixi/filters/RGBSplitFilter.js b/src/pixi/filters/RGBSplitFilter.js
new file mode 100644
index 0000000..35a837e
--- /dev/null
+++ b/src/pixi/filters/RGBSplitFilter.js
@@ -0,0 +1,50 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.RGBSplitFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		red: {type: '2f', value: {x:20, y:20}},
+		green: {type: '2f', value: {x:-20, y:20}},
+		blue: {type: '2f', value: {x:20, y:-20}},
+		dimensions:   {type: '4fv', value:[0,0,0,0]}
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec2 red;",
+	  "uniform vec2 green;",
+	  "uniform vec2 blue;",
+	  "uniform vec4 dimensions;",
+	  "uniform sampler2D uSampler;",
+	    "void main(void) {",
+	  	  "gl_FragColor.r = texture2D(uSampler, vTextureCoord + red/dimensions.xy).r;",
+	  	  "gl_FragColor.g = texture2D(uSampler, vTextureCoord + green/dimensions.xy).g;",
+	  	  "gl_FragColor.b = texture2D(uSampler, vTextureCoord + blue/dimensions.xy).b;",
+	  	  "gl_FragColor.a = texture2D(uSampler, vTextureCoord).a;",
+	  "}"
+	];
+}
+
+PIXI.RGBSplitFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.RGBSplitFilter.prototype.constructor = PIXI.RGBSplitFilter;
+
+Object.defineProperty(PIXI.RGBSplitFilter.prototype, 'angle', {
+    get: function() {
+        return this.uniforms.blur.value / (1/7000);
+    },
+    set: function(value) {
+    	//this.padding = value;
+    	this.uniforms.blur.value = (1/7000) * value;
+    }
+});
diff --git a/src/pixi/filters/SepiaFilter.js b/src/pixi/filters/SepiaFilter.js
new file mode 100644
index 0000000..22f31a4
--- /dev/null
+++ b/src/pixi/filters/SepiaFilter.js
@@ -0,0 +1,55 @@
+/**
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+/**
+ * 
+ * This applies a sepia effect to your displayObjects.
+ * @class SepiaFilter
+ * @contructor
+ */
+PIXI.SepiaFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		sepia: {type: '1f', value: 1},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform float sepia;",
+	  "uniform sampler2D uSampler;",
+	 	   
+	  "const mat3 sepiaMatrix = mat3(0.3588, 0.7044, 0.1368, 0.2990, 0.5870, 0.1140, 0.2392, 0.4696, 0.0912);",
+	  "void main(void) {",
+	    "gl_FragColor = texture2D(uSampler, vTextureCoord);",
+		"gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb * sepiaMatrix, sepia);",
+	    "gl_FragColor = gl_FragColor * vColor;",
+	  "}"
+	];
+	
+}
+
+PIXI.SepiaFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.SepiaFilter.prototype.constructor = PIXI.SepiaFilter;
+
+/**
+The strength of the sepia. 1 will apply the full sepia effect, 0 will make the object its normal color
+@property sepia
+*/
+Object.defineProperty(PIXI.SepiaFilter.prototype, 'sepia', {
+    get: function() {
+        return this.uniforms.sepia.value;
+    },
+    set: function(value) {
+    	this.uniforms.sepia.value = value;
+    }
+});
diff --git a/src/pixi/filters/SmartBlurFilter.js b/src/pixi/filters/SmartBlurFilter.js
new file mode 100644
index 0000000..93567e8
--- /dev/null
+++ b/src/pixi/filters/SmartBlurFilter.js
@@ -0,0 +1,64 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+
+PIXI.SmartBlurFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+	
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		blur: {type: '1f', value: 1/512},
+	};
+	
+	this.fragmentSrc = [
+	  "precision mediump float;",
+ 	  "varying vec2 vTextureCoord;",
+  	  "uniform sampler2D uSampler;",
+    //  "uniform vec2 delta;",
+      "const vec2 delta = vec2(1.0/10.0, 0.0);",
+     // "uniform float darkness;",
+	  
+	  "float random(vec3 scale, float seed) {",
+	        "return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);",
+	   "}",
+	   
+	   
+	  "void main(void) {",
+	 
+	  "vec4 color = vec4(0.0);",
+	  "float total = 0.0;",
+	  
+	  "float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);",
+	            
+	  "for (float t = -30.0; t <= 30.0; t++) {",
+	           "float percent = (t + offset - 0.5) / 30.0;",
+	                "float weight = 1.0 - abs(percent);",
+	                "vec4 sample = texture2D(uSampler, vTextureCoord + delta * percent);",
+	                "sample.rgb *= sample.a;",
+	                "color += sample * weight;",
+	                "total += weight;",
+	            "}",
+	            
+	            "gl_FragColor = color / total;",
+	            "gl_FragColor.rgb /= gl_FragColor.a + 0.00001;",
+	          //  "gl_FragColor.rgb *= darkness;",
+	  "}"
+	];
+}
+
+PIXI.SmartBlurFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.SmartBlurFilter.prototype.constructor = PIXI.SmartBlurFilter;
+
+Object.defineProperty(PIXI.SmartBlurFilter.prototype, 'blur', {
+    get: function() {
+        return this.uniforms.blur.value;
+    },
+    set: function(value) {
+    	this.uniforms.blur.value = value;
+    }
+});
diff --git a/src/pixi/filters/TwistFilter.js b/src/pixi/filters/TwistFilter.js
new file mode 100644
index 0000000..0dce008
--- /dev/null
+++ b/src/pixi/filters/TwistFilter.js
@@ -0,0 +1,103 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+/**
+ * 
+ * This filter applies a pixlate effect making display objects appear "blocky"
+ * @class PixelateFilter
+ * @contructor
+ */
+PIXI.TwistFilter = function()
+{
+	PIXI.AbstractFilter.call( this );
+
+	this.passes = [this];
+	
+	// set the uniforms
+	this.uniforms = {
+		radius: {type: '1f', value:0.5},
+		angle: {type: '1f', value:5},
+		offset: {type: '2f', value:{x:0.5, y:0.5}},
+	};
+
+	this.fragmentSrc = [
+	  "precision mediump float;",
+	  "varying vec2 vTextureCoord;",
+	  "varying float vColor;",
+	  "uniform vec4 dimensions;",
+	  "uniform sampler2D uSampler;",
+	  
+	  "uniform float radius;",
+      "uniform float angle;",
+      "uniform vec2 offset;",
+
+	  "void main(void) {",
+	 	"vec2 coord = vTextureCoord - offset;",
+		"float distance = length(coord);",
+	 	
+	 	"if (distance < radius){",
+
+		 	"float ratio = (radius - distance) / radius;",
+		 	"float angleMod = ratio * ratio * angle;",
+		 	"float s = sin(angleMod);",
+		 	"float c = cos(angleMod);",
+		 	"coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);",
+
+	 	"}",
+
+	    "gl_FragColor = texture2D(uSampler, coord+offset);",
+	  "}"
+	];
+}
+
+PIXI.TwistFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
+PIXI.TwistFilter.prototype.constructor = PIXI.TwistFilter;
+
+/**
+ * 
+ * This point describes the the offset of the twist
+ * @property size
+ * @type Point
+ */
+Object.defineProperty(PIXI.TwistFilter.prototype, 'offset', {
+    get: function() {
+        return this.uniforms.offset.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.offset.value = value;
+    }
+});
+
+/**
+ * 
+ * This radius describes size of the twist
+ * @property size
+ * @type Number
+ */
+Object.defineProperty(PIXI.TwistFilter.prototype, 'radius', {
+    get: function() {
+        return this.uniforms.radius.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.radius.value = value;
+    }
+});
+
+/**
+ * 
+ * This radius describes angle of the twist
+ * @property angle
+ * @type Number
+ */
+Object.defineProperty(PIXI.TwistFilter.prototype, 'angle', {
+    get: function() {
+        return this.uniforms.angle.value;
+    },
+    set: function(value) {
+    	this.dirty = true;
+    	this.uniforms.angle.value = value;
+    }
+});
\ No newline at end of file
diff --git a/src/pixi/loaders/AssetLoader.js b/src/pixi/loaders/AssetLoader.js
index f61bb0d..1381779 100644
--- a/src/pixi/loaders/AssetLoader.js
+++ b/src/pixi/loaders/AssetLoader.js
@@ -55,8 +55,8 @@ PIXI.AssetLoader = function(assetURLs, crossorigin)
         "xml":  PIXI.BitmapFontLoader,
         "fnt":  PIXI.BitmapFontLoader
     };
-    
-    
+
+
 };
 
 /**
@@ -66,12 +66,39 @@ PIXI.AssetLoader = function(assetURLs, crossorigin)
 
 /**
  * Fired when all the assets have loaded
- * @event onComplete 
+ * @event onComplete
  */
 
 // constructor
 PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
 
+
+PIXI.AssetLoader.prototype._getDataType = function(str) 
+{
+    var test = "data:";
+    //starts with 'data:'
+    var start = str.slice(0, test.length).toLowerCase();
+    if (start == test) {
+        var data = str.slice(test.length);
+        
+        var sepIdx = data.indexOf(',');
+        if (sepIdx === -1) //malformed data URI scheme
+            return null;
+
+        //e.g. "image/gif;base64" => "image/gif"
+        var info = data.slice(0, sepIdx).split(';')[0];
+
+        //We might need to handle some special cases here...
+        //standardize text/plain to "txt" file extension
+        if (!info || info.toLowerCase() == "text/plain")
+            return "txt"
+
+        //User specified mime type, try splitting it by '/'
+        return info.split('/').pop().toLowerCase();
+    }
+    return null;
+}
+
 /**
  * Starts loading the assets sequentially
  *
@@ -86,7 +113,12 @@ PIXI.AssetLoader.prototype.load = function()
     for (var i=0; i < this.assetURLs.length; i++)
 	{
 		var fileName = this.assetURLs[i];
-		var fileType = fileName.split(".").pop().toLowerCase();
+        //first see if we have a data URI scheme..
+        var fileType = this._getDataType(fileName);
+
+        //if not, assume it's a file URI
+        if (!fileType)
+            fileType = fileName.split("?").shift().split(".").pop().toLowerCase();
 
         var loaderClass = this.loadersByType[fileType];
         if(!loaderClass)
@@ -113,7 +145,7 @@ PIXI.AssetLoader.prototype.onAssetLoaded = function()
     this.loadCount--;
 	this.dispatchEvent({type: "onProgress", content: this});
 	if(this.onProgress) this.onProgress();
-	
+
 	if(this.loadCount == 0)
 	{
 		this.dispatchEvent({type: "onComplete", content: this});
diff --git a/src/pixi/loaders/BitmapFontLoader.js b/src/pixi/loaders/BitmapFontLoader.js
index 4afd8aa..ef05094 100644
--- a/src/pixi/loaders/BitmapFontLoader.js
+++ b/src/pixi/loaders/BitmapFontLoader.js
@@ -110,20 +110,19 @@ PIXI.BitmapFontLoader.prototype.onXMLLoaded = function()
             {
                 var charCode = parseInt(letters[i].attributes.getNamedItem("id").nodeValue, 10);
 
-                var textureRect = {
-                    x: parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
-                    y: parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
-                    width: parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
-                    height: parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
-                };
-                PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect);
+                var textureRect = new PIXI.Rectangle(
+                    parseInt(letters[i].attributes.getNamedItem("x").nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem("y").nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem("width").nodeValue, 10),
+                    parseInt(letters[i].attributes.getNamedItem("height").nodeValue, 10)
+                );
 
                 data.chars[charCode] = {
                     xOffset: parseInt(letters[i].attributes.getNamedItem("xoffset").nodeValue, 10),
                     yOffset: parseInt(letters[i].attributes.getNamedItem("yoffset").nodeValue, 10),
                     xAdvance: parseInt(letters[i].attributes.getNamedItem("xadvance").nodeValue, 10),
                     kerning: {},
-                    texture:new PIXI.Texture(this.texture, textureRect)
+                    texture: PIXI.TextureCache[charCode] = new PIXI.Texture(this.texture, textureRect)
 
                 };
             }
diff --git a/src/pixi/loaders/ImageLoader.js b/src/pixi/loaders/ImageLoader.js
index 971c012..d8a4137 100644
--- a/src/pixi/loaders/ImageLoader.js
+++ b/src/pixi/loaders/ImageLoader.js
@@ -24,6 +24,13 @@ PIXI.ImageLoader = function(url, crossorigin)
      * @type Texture
      */
     this.texture = PIXI.Texture.fromImage(url, crossorigin);
+
+    /**
+     * if the image is loaded with loadFramedSpriteSheet
+     * frames will contain the sprite sheet frames
+     *
+     */
+    this.frames = [];
 };
 
 // constructor
@@ -60,3 +67,48 @@ PIXI.ImageLoader.prototype.onLoaded = function()
 {
     this.dispatchEvent({type: "loaded", content: this});
 };
+
+/**
+ * Loads image and split it to uniform sized frames
+ *
+ *
+ * @method loadFramedSpriteSheet
+ * @param frameWidth {Number} with of each frame
+ * @param frameHeight {Number} height of each frame
+ * @param textureName {String} if given, the frames will be cached in <textureName>-<ord> format 
+ */
+PIXI.ImageLoader.prototype.loadFramedSpriteSheet = function(frameWidth, frameHeight, textureName)
+{
+    this.frames = [];
+    var cols = Math.floor(this.texture.width / frameWidth);
+    var rows = Math.floor(this.texture.height / frameHeight);
+
+    var i=0;
+    for (var y=0; y<rows; y++)
+    {
+        for (var x=0; x<cols; x++,i++)
+        {
+            var texture = new PIXI.Texture(this.texture, {
+                x: x*frameWidth,
+                y: y*frameHeight,
+                width: frameWidth,
+                height: frameHeight
+            });
+
+            this.frames.push(texture);
+            if (textureName) PIXI.TextureCache[textureName+'-'+i] = texture;
+        }
+    }
+
+    if(!this.texture.baseTexture.hasLoaded)
+    {
+        var scope = this;
+        this.texture.baseTexture.addEventListener("loaded", function() {
+            scope.onLoaded();
+        });
+    }
+    else
+    {
+        this.onLoaded();
+    }
+};
\ No newline at end of file
diff --git a/src/pixi/loaders/JsonLoader.js b/src/pixi/loaders/JsonLoader.js
index 1f4ecfe..640ecbf 100644
--- a/src/pixi/loaders/JsonLoader.js
+++ b/src/pixi/loaders/JsonLoader.js
@@ -49,7 +49,7 @@ PIXI.JsonLoader = function (url, crossorigin) {
 	 * @readOnly
 	 */
 	this.loaded = false;
-	
+
 };
 
 // constructor
@@ -82,7 +82,7 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 	if (this.ajaxRequest.readyState == 4) {
 		if (this.ajaxRequest.status == 200 || window.location.href.indexOf("http") == -1) {
 			this.json = JSON.parse(this.ajaxRequest.responseText);
-			
+
 			if(this.json.frames)
 			{
 				// sprite sheet
@@ -90,12 +90,12 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 				var textureUrl = this.baseUrl + this.json.meta.image;
 				var image = new PIXI.ImageLoader(textureUrl, this.crossorigin);
 				var frameData = this.json.frames;
-			
+
 				this.texture = image.texture.baseTexture;
 				image.addEventListener("loaded", function (event) {
 					scope.onLoaded();
 				});
-			
+
 				for (var i in frameData) {
 					var rect = frameData[i].frame;
 					if (rect) {
@@ -113,9 +113,9 @@ PIXI.JsonLoader.prototype.onJSONLoaded = function () {
 						}
 					}
 				}
-			
+
 				image.load();
-				
+
 			}
 			else if(this.json.bones)
 			{
diff --git a/src/pixi/loaders/SpineLoader.js b/src/pixi/loaders/SpineLoader.js
index f5e16b0..0036098 100644
--- a/src/pixi/loaders/SpineLoader.js
+++ b/src/pixi/loaders/SpineLoader.js
@@ -1,10 +1,10 @@
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  * based on pixi impact spine implementation made by Eemeli Kelokorpi (@ekelokorpi) https://github.com/ekelokorpi
- * 
+ *
  * Awesome JS run time provided by EsotericSoftware
  * https://github.com/EsotericSoftware/spine-runtimes
- * 
+ *
  */
 
 /**
@@ -12,7 +12,7 @@
  * To generate the data you need to use http://esotericsoftware.com/ and export the "JSON" format
  * Due to a clash of names  You will need to change the extension of the spine file from *.json to *.anim for it to load
  * See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
- * You will need to generate a sprite sheet to accompany the spine data 
+ * You will need to generate a sprite sheet to accompany the spine data
  * When loaded this class will dispatch a "loaded" event
  *
  * @class Spine
@@ -21,7 +21,7 @@
  * @param url {String} The url of the JSON file
  * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
  */
-PIXI.SpineLoader = function(url, crossorigin) 
+PIXI.SpineLoader = function(url, crossorigin)
 {
 	PIXI.EventTarget.call(this);
 
@@ -59,7 +59,7 @@ PIXI.SpineLoader.prototype.constructor = PIXI.SpineLoader;
  * @method load
  */
 PIXI.SpineLoader.prototype.load = function () {
-	
+
 	var scope = this;
 	var jsonLoader = new PIXI.JsonLoader(this.url, this.crossorigin);
 	jsonLoader.addEventListener("loaded", function (event) {
@@ -78,7 +78,7 @@ PIXI.SpineLoader.prototype.load = function () {
 PIXI.SpineLoader.prototype.onJSONLoaded = function (event) {
 	var spineJsonParser = new spine.SkeletonJson();
 	var skeletonData = spineJsonParser.readSkeletonData(this.json);
-	
+
 	PIXI.AnimCache[this.url] = skeletonData;
 
 	this.onLoaded();
diff --git a/src/pixi/primitives/Graphics.js b/src/pixi/primitives/Graphics.js
index 7a80553..8e8c3dd 100644
--- a/src/pixi/primitives/Graphics.js
+++ b/src/pixi/primitives/Graphics.js
@@ -4,18 +4,18 @@
 
 
 /**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines. 
+ * The Graphics class contains a set of methods that you can use to create primitive shapes and lines.
  * It is important to know that with the webGL renderer only simple polys can be filled at this stage
  * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
  *
- * @class Graphics 
+ * @class Graphics
  * @extends DisplayObjectContainer
  * @constructor
  */
 PIXI.Graphics = function()
 {
 	PIXI.DisplayObjectContainer.call( this );
-	
+
 	this.renderable = true;
 
     /**
@@ -76,14 +76,14 @@ PIXI.Graphics.prototype.constructor = PIXI.Graphics;
 PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
+
 	this.lineWidth = lineWidth || 0;
 	this.lineColor = color || 0;
 	this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
 						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
+
 	this.graphicsData.push(this.currentPath);
 }
 
@@ -97,12 +97,12 @@ PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
 PIXI.Graphics.prototype.moveTo = function(x, y)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
+
+	this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
 						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-	
+
 	this.currentPath.points.push(x, y);
-	
+
 	this.graphicsData.push(this.currentPath);
 }
 
@@ -132,7 +132,7 @@ PIXI.Graphics.prototype.beginFill = function(color, alpha)
 {
 	this.filling = true;
 	this.fillColor = color || 0;
-	this.fillAlpha = alpha || 1;
+	this.fillAlpha = (alpha == undefined) ? 1 : alpha;
 }
 
 /**
@@ -158,11 +158,11 @@ PIXI.Graphics.prototype.endFill = function()
 PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, width, height], type:PIXI.Graphics.RECT};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
@@ -178,11 +178,11 @@ PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
 PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
@@ -199,11 +199,11 @@ PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
 PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
 {
 	if(this.currentPath.points.length == 0)this.graphicsData.pop();
-	
-	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha, 
-						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, 
+
+	this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
+						fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
 						points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-						
+
 	this.graphicsData.push(this.currentPath);
 	this.dirty = true;
 }
@@ -217,10 +217,85 @@ PIXI.Graphics.prototype.clear = function()
 {
 	this.lineWidth = 0;
 	this.filling = false;
-	
+
 	this.dirty = true;
 	this.clearDirty = true;
 	this.graphicsData = [];
+
+	this.bounds = null//new PIXI.Rectangle();
+}
+
+
+PIXI.Graphics.prototype.updateFilterBounds = function()
+{
+	if(!this.bounds)
+	{
+		var minX = Infinity;
+		var maxX = -Infinity;
+
+		var minY = Infinity;
+		var maxY = -Infinity;
+
+		var points, x, y;
+
+		for (var i = 0; i < this.graphicsData.length; i++) {
+			
+
+			var data = this.graphicsData[i];
+			var type = data.type;
+			var lineWidth = data.lineWidth;
+
+			points = data.points;
+
+			if(type === PIXI.Graphics.RECT)
+			{
+				x = points.x - lineWidth/2;
+				y = points.y - lineWidth/2;
+				var width = points.width + lineWidth;
+				var height = points.height + lineWidth;
+
+				minX = x < minX ? x : minX;
+				maxX = x + width > maxX ? x + width : maxX;
+
+				minY = y < minY ? x : minY;
+				maxY = y + height > maxY ? y + height : maxY;
+			}
+			else if(type === PIXI.Graphics.CIRC || type === PIXI.Graphics.ELIP)
+			{
+				x = points.x;
+				y = points.y;
+				var radius = points.radius + lineWidth/2;
+				
+				minX = x - radius < minX ? x - radius : minX;
+				maxX = x + radius > maxX ? x + radius : maxX;
+
+				minY = y - radius < minY ? y - radius : minY;
+				maxY = y + radius > maxY ? y + radius : maxY;
+			}
+			else
+			{
+				// POLY
+				for (var j = 0; j < points.length; j+=2) 
+				{
+					
+					x = points[j];
+					y = points[j+1];
+
+					minX = x-lineWidth < minX ? x-lineWidth : minX;
+					maxX = x+lineWidth > maxX ? x+lineWidth : maxX;
+
+					minY = y-lineWidth < minY ? y-lineWidth : minY;
+					maxY = y+lineWidth > maxY ? y+lineWidth : maxY;
+				};
+			}
+
+		};
+
+		this.bounds = new PIXI.Rectangle(minX, minY, maxX - minX, maxY - minY);
+
+	}
+
+//	console.log(this.bounds);
 }
 
 // SOME TYPES:
diff --git a/src/pixi/renderers/canvas/CanvasGraphics.js b/src/pixi/renderers/canvas/CanvasGraphics.js
index 1e5cd1b..f5352b9 100644
--- a/src/pixi/renderers/canvas/CanvasGraphics.js
+++ b/src/pixi/renderers/canvas/CanvasGraphics.js
@@ -10,7 +10,7 @@
  */
 PIXI.CanvasGraphics = function()
 {
-	
+
 }
 
 
@@ -26,35 +26,33 @@ PIXI.CanvasGraphics = function()
 PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 {
 	var worldAlpha = graphics.worldAlpha;
-	
-	for (var i=0; i < graphics.graphicsData.length; i++) 
+
+	for (var i=0; i < graphics.graphicsData.length; i++)
 	{
 		var data = graphics.graphicsData[i];
 		var points = data.points;
-		
+
 		context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
 
 		context.lineWidth = data.lineWidth;
-		
+
 		if(data.type == PIXI.Graphics.POLY)
 		{
-			//if(data.lineWidth <= 0)continue;
-			
 			context.beginPath();
-			
+
 			context.moveTo(points[0], points[1]);
-			
+
 			for (var j=1; j < points.length/2; j++)
 			{
 				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
+			}
+
 	      	// if the first and last point are the same close the path - much neater :)
 	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
 	      	{
 	      		context.closePath();
 	      	}
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -69,21 +67,20 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.RECT)
 		{
-				
-			// TODO - need to be Undefined!
-			if(data.fillColor)
+
+			if(data.fillColor || data.fillColor === 0)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
 				context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
 				context.fillRect(points[0], points[1], points[2], points[3]);
-				
+
 			}
 			if(data.lineWidth)
 			{
 				context.globalAlpha = data.lineAlpha * worldAlpha;
 				context.strokeRect(points[0], points[1], points[2], points[3]);
 			}
-			
+
 		}
 		else if(data.type == PIXI.Graphics.CIRC)
 		{
@@ -91,7 +88,7 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
       		context.beginPath();
 			context.arc(points[0], points[1], points[2],0,2*Math.PI);
 			context.closePath();
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -106,19 +103,19 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.ELIP)
 		{
-			
+
 			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-			
+
 			var elipseData =  data.points;
-			
+
 			var w = elipseData[2] * 2;
 			var h = elipseData[3] * 2;
-	
+
 			var x = elipseData[0] - w/2;
 			var y = elipseData[1] - h/2;
-			
+
       		context.beginPath();
-			
+
 			var kappa = .5522848,
 			ox = (w / 2) * kappa, // control point offset horizontal
 			oy = (h / 2) * kappa, // control point offset vertical
@@ -126,15 +123,15 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 			ye = y + h,           // y-end
 			xm = x + w / 2,       // x-middle
 			ym = y + h / 2;       // y-middle
-			
+
 			context.moveTo(x, ym);
 			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
 			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
 			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
 			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-  
+
 			context.closePath();
-			
+
 			if(data.fill)
 			{
 				context.globalAlpha = data.fillAlpha * worldAlpha;
@@ -147,7 +144,7 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
       			context.stroke();
 			}
 		}
-      	
+
 	};
 }
 
@@ -163,37 +160,37 @@ PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
 PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 {
 	var worldAlpha = graphics.worldAlpha;
-	
+
 	var len = graphics.graphicsData.length;
+	if(len === 0)return;
+
 	if(len > 1)
 	{
 		len = 1;
 		console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
 	}
-	
-	for (var i=0; i < 1; i++) 
+
+	for (var i=0; i < 1; i++)
 	{
 		var data = graphics.graphicsData[i];
 		var points = data.points;
-		
+
 		if(data.type == PIXI.Graphics.POLY)
 		{
-			//if(data.lineWidth <= 0)continue;
-			
 			context.beginPath();
 			context.moveTo(points[0], points[1]);
-			
+
 			for (var j=1; j < points.length/2; j++)
 			{
 				context.lineTo(points[j * 2], points[j * 2 + 1]);
-			} 
-	      	
+			}
+
 	      	// if the first and last point are the same close the path - much neater :)
 	      	if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
 	      	{
 	      		context.closePath();
 	      	}
-			
+
 		}
 		else if(data.type == PIXI.Graphics.RECT)
 		{
@@ -210,18 +207,18 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 		}
 		else if(data.type == PIXI.Graphics.ELIP)
 		{
-			
+
 			// elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
 			var elipseData =  data.points;
-			
+
 			var w = elipseData[2] * 2;
 			var h = elipseData[3] * 2;
-	
+
 			var x = elipseData[0] - w/2;
 			var y = elipseData[1] - h/2;
-			
+
       		context.beginPath();
-			
+
 			var kappa = .5522848,
 			ox = (w / 2) * kappa, // control point offset horizontal
 			oy = (h / 2) * kappa, // control point offset vertical
@@ -229,7 +226,7 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 			ye = y + h,           // y-end
 			xm = x + w / 2,       // x-middle
 			ym = y + h / 2;       // y-middle
-			
+
 			context.moveTo(x, ym);
 			context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
 			context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
@@ -237,7 +234,7 @@ PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
 			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
 			context.closePath();
 		}
-      	
-	   
+
+
 	};
 }
diff --git a/src/pixi/renderers/canvas/CanvasRenderer.js b/src/pixi/renderers/canvas/CanvasRenderer.js
index 060327d..aa15b4f 100644
--- a/src/pixi/renderers/canvas/CanvasRenderer.js
+++ b/src/pixi/renderers/canvas/CanvasRenderer.js
@@ -71,7 +71,6 @@ PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
  */
 PIXI.CanvasRenderer.prototype.render = function(stage)
 {
-	// update children if need be
 	
 	//stage.__childrenAdded = [];
 	//stage.__childrenRemoved = [];
@@ -80,6 +79,7 @@ PIXI.CanvasRenderer.prototype.render = function(stage)
 	PIXI.texturesToUpdate = [];
 	PIXI.texturesToDestroy = [];
 	
+	PIXI.visibleCount++;
 	stage.updateTransform();
 	
 	// update the background color
@@ -163,10 +163,11 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 		
 		if(displayObject instanceof PIXI.Sprite)
 		{
-				
-			var frame = displayObject.texture.frame;
-			
-			if(frame)
+
+		var frame = displayObject.texture.frame;
+
+			//ignore null sources
+			if(frame && frame.width && frame.height && displayObject.texture.baseTexture.source)
 			{
 				context.globalAlpha = displayObject.worldAlpha;
 				
@@ -195,6 +196,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 		}
 		else if(displayObject instanceof PIXI.CustomRenderable)
 		{
+			context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
 			displayObject.renderCanvas(this);
 		}
 		else if(displayObject instanceof PIXI.Graphics)
@@ -204,31 +206,36 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
 		}
 		else if(displayObject instanceof PIXI.FilterBlock)
 		{
-			if(displayObject.open)
-			{
-				context.save();
-				
-				var cacheAlpha = displayObject.mask.alpha;
-				var maskTransform = displayObject.mask.worldTransform;
-				
-				context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-				
-				displayObject.mask.worldAlpha = 0.5;
-				
-				context.worldAlpha = 0;
-				
-				PIXI.CanvasGraphics.renderGraphicsMask(displayObject.mask, context);
-		//		context.fillStyle = 0xFF0000;
-			//	context.fillRect(0, 0, 200, 200);
-				context.clip();
-				
-				displayObject.mask.worldAlpha = cacheAlpha;
-				//context.globalCompositeOperation = 'lighter';
+			if(displayObject.data instanceof PIXI.Graphics)
+ 			{
+				var mask = displayObject.data;
+
+				if(displayObject.open)
+				{
+					context.save();
+					
+					var cacheAlpha = mask.alpha;
+					var maskTransform = mask.worldTransform;
+					
+					context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
+					
+					mask.worldAlpha = 0.5;
+					
+					context.worldAlpha = 0;
+					
+					PIXI.CanvasGraphics.renderGraphicsMask(mask, context);
+					context.clip();
+					
+					mask.worldAlpha = cacheAlpha;
+				}
+				else
+				{
+					context.restore();
+				}
 			}
 			else
 			{
-				//context.globalCompositeOperation = 'source-over';
-				context.restore();
+				// only masks supported right now!
 			}
 		}
 	//	count++
@@ -321,7 +328,7 @@ PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
 PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 {
 	var context = this.context;
-	//context.globalCompositeOperation = 'lighter';
+
 	// draw triangles!!
 	var verticies = strip.verticies;
 	var uvs = strip.uvs;
@@ -348,8 +355,6 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 		context.lineTo(x2, y2);
 		context.closePath();
 		
-	//	context.fillStyle = "white"//rgb(1, 1, 1,1));
-	//	context.fill();
 		context.clip();
 		
 		
@@ -373,5 +378,4 @@ PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
 	  	context.restore();
 	};
 	
-//	context.globalCompositeOperation = 'source-over';	
 }
diff --git a/src/pixi/renderers/webgl/PixiShader.js b/src/pixi/renderers/webgl/PixiShader.js
new file mode 100644
index 0000000..f7fbf85
--- /dev/null
+++ b/src/pixi/renderers/webgl/PixiShader.js
@@ -0,0 +1,292 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ * @author Richard Davey http://www.photonstorm.com @photonstorm
+ */
+
+/**
+* @class PIXI.PixiShader
+* @constructor
+*/
+PIXI.PixiShader = function()
+{
+    /**
+    * @property {any} program - The WebGL program.
+    */
+    this.program;
+    
+    /**
+    * @property {array} fragmentSrc - The fragment shader.
+    */
+    this.fragmentSrc = [
+        "precision lowp float;",
+        "varying vec2 vTextureCoord;",
+        "varying float vColor;",
+        "uniform sampler2D uSampler;",
+        "void main(void) {",
+            "gl_FragColor = texture2D(uSampler, vTextureCoord) * vColor;",
+        "}"
+    ];
+
+    /**
+    * @property {number} textureCount - A local texture counter for multi-texture shaders.
+    */
+    this.textureCount = 0;
+    
+};
+
+/**
+* @method PIXI.PixiShader#init
+*/
+PIXI.PixiShader.prototype.init = function()
+{
+    var program = PIXI.compileProgram(this.vertexSrc || PIXI.PixiShader.defaultVertexSrc, this.fragmentSrc)
+    
+    var gl = PIXI.gl;
+
+    gl.useProgram(program);
+    
+    // get and store the uniforms for the shader
+    this.uSampler = gl.getUniformLocation(program, "uSampler");
+    this.projectionVector = gl.getUniformLocation(program, "projectionVector");
+    this.offsetVector = gl.getUniformLocation(program, "offsetVector");
+    this.dimensions = gl.getUniformLocation(program, "dimensions");
+    
+    // get and store the attributes
+    this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
+    this.colorAttribute = gl.getAttribLocation(program, "aColor");
+    this.aTextureCoord = gl.getAttribLocation(program, "aTextureCoord");
+      
+    // add those custom shaders!
+    for (var key in this.uniforms)
+    {
+        // get the uniform locations..
+        this.uniforms[key].uniformLocation = gl.getUniformLocation(program, key);
+    }
+
+    this.initUniforms();
+  
+    this.program = program;
+};
+
+/**
+* Initialises the shader uniform values.
+* Uniforms are specified in the GLSL_ES Specification: http://www.khronos.org/registry/webgl/specs/latest/1.0/
+* http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf
+*
+* @method PIXI.PixiShader#initUniforms
+*/
+PIXI.PixiShader.prototype.initUniforms = function()
+{
+    this.textureCount = 1;
+
+    var uniform;
+    
+    for (var key in this.uniforms) 
+    {
+        var uniform = this.uniforms[key];
+        var type = uniform.type;
+
+        if (type == 'sampler2D')
+        {
+            uniform._init = false;
+
+            if (uniform.value !== null)
+            {
+                this.initSampler2D(uniform);
+            }
+        }
+        else if (type == 'mat2' || type == 'mat3' || type == 'mat4')
+        {
+            //  These require special handling
+            uniform.glMatrix = true;
+            uniform.glValueLength = 1;
+
+            if (type == 'mat2')
+            {
+                uniform.glFunc = PIXI.gl.uniformMatrix2fv;
+            }
+            else if (type == 'mat3')
+            {
+                uniform.glFunc = PIXI.gl.uniformMatrix3fv;
+            }
+            else if (type == 'mat4')
+            {
+                uniform.glFunc = PIXI.gl.uniformMatrix4fv;
+            }
+        }
+        else
+        {
+            //  GL function reference
+            uniform.glFunc = PIXI.gl['uniform' + type];
+
+            if (type == '2f' || type == '2i')
+            {
+                uniform.glValueLength = 2;
+            }
+            else if (type == '3f' || type == '3i')
+            {
+                uniform.glValueLength = 3;
+            }
+            else if (type == '4f' || type == '4i')
+            {
+                uniform.glValueLength = 4;
+            }
+            else
+            {
+                uniform.glValueLength = 1;
+            }
+        }
+    }
+    
+};
+
+/**
+* Initialises a Sampler2D uniform (which may only be available later on after initUniforms once the texture is has loaded)
+*
+* @method PIXI.PixiShader#initSampler2D
+*/
+PIXI.PixiShader.prototype.initSampler2D = function(uniform)
+{
+    if (!uniform.value || !uniform.value.baseTexture || !uniform.value.baseTexture.hasLoaded)
+    {
+        return;
+    }
+
+    PIXI.gl.activeTexture(PIXI.gl['TEXTURE' + this.textureCount]);
+    PIXI.gl.bindTexture(PIXI.gl.TEXTURE_2D, uniform.value.baseTexture._glTexture);
+
+    //  Extended texture data
+    if (uniform.textureData)
+    {
+        var data = uniform.textureData;
+
+        // GLTexture = mag linear, min linear_mipmap_linear, wrap repeat + gl.generateMipmap(gl.TEXTURE_2D);
+        // GLTextureLinear = mag/min linear, wrap clamp
+        // GLTextureNearestRepeat = mag/min NEAREST, wrap repeat
+        // GLTextureNearest = mag/min nearest, wrap clamp
+        // AudioTexture = whatever + luminance + width 512, height 2, border 0
+        // KeyTexture = whatever + luminance + width 256, height 2, border 0
+
+        //  magFilter can be: gl.LINEAR, gl.LINEAR_MIPMAP_LINEAR or gl.NEAREST
+        //  wrapS/T can be: gl.CLAMP_TO_EDGE or gl.REPEAT
+
+        var magFilter = (data.magFilter) ? data.magFilter : PIXI.gl.LINEAR;
+        var minFilter = (data.minFilter) ? data.minFilter : PIXI.gl.LINEAR;
+        var wrapS = (data.wrapS) ? data.wrapS : PIXI.gl.CLAMP_TO_EDGE;
+        var wrapT = (data.wrapT) ? data.wrapT : PIXI.gl.CLAMP_TO_EDGE;
+        var format = (data.luminance) ? PIXI.gl.LUMINANCE : PIXI.gl.RGBA;
+
+        if (data.repeat)
+        {
+            wrapS = PIXI.gl.REPEAT;
+            wrapT = PIXI.gl.REPEAT;
+        }
+
+        PIXI.gl.pixelStorei(PIXI.gl.UNPACK_FLIP_Y_WEBGL, false);
+
+        if (data.width)
+        {
+            var width = (data.width) ? data.width : 512;
+            var height = (data.height) ? data.height : 2;
+            var border = (data.border) ? data.border : 0;
+
+            // void texImage2D(GLenum target, GLint level, GLenum internalformat, GLsizei width, GLsizei height, GLint border, GLenum format, GLenum type, ArrayBufferView? pixels);
+            PIXI.gl.texImage2D(PIXI.gl.TEXTURE_2D, 0, format, width, height, border, format, PIXI.gl.UNSIGNED_BYTE, null);
+        }
+        else
+        {
+            //  void texImage2D(GLenum target, GLint level, GLenum internalformat, GLenum format, GLenum type, ImageData? pixels);
+            PIXI.gl.texImage2D(PIXI.gl.TEXTURE_2D, 0, format, PIXI.gl.RGBA, PIXI.gl.UNSIGNED_BYTE, uniform.value.baseTexture.source);
+        }
+
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_MAG_FILTER, magFilter);
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_MIN_FILTER, minFilter);
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_WRAP_S, wrapS);
+        PIXI.gl.texParameteri(PIXI.gl.TEXTURE_2D, PIXI.gl.TEXTURE_WRAP_T, wrapT);
+    }
+
+    PIXI.gl.uniform1i(uniform.uniformLocation, this.textureCount);
+
+    uniform._init = true;
+
+    this.textureCount++;
+
+};
+
+/**
+* Updates the shader uniform values.
+*
+* @method PIXI.PixiShader#syncUniforms
+*/
+PIXI.PixiShader.prototype.syncUniforms = function()
+{
+    this.textureCount = 1;
+    var uniform;
+
+    //  This would probably be faster in an array and it would guarantee key order
+    for (var key in this.uniforms) 
+    {
+
+        uniform = this.uniforms[key];
+
+        if (uniform.glValueLength == 1)
+        {
+            if (uniform.glMatrix === true)
+            {
+                uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.transpose, uniform.value);
+            }
+            else
+            {
+                uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value);
+            }
+        }
+        else if (uniform.glValueLength == 2)
+        {
+            uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value.x, uniform.value.y);
+        }
+        else if (uniform.glValueLength == 3)
+        {
+            uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z);
+        }
+        else if (uniform.glValueLength == 4)
+        {
+            uniform.glFunc.call(PIXI.gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z, uniform.value.w);
+        }
+        else if (uniform.type == 'sampler2D')
+        {
+            if (uniform._init)
+            {
+                PIXI.gl.activeTexture(PIXI.gl['TEXTURE' + this.textureCount]);
+                PIXI.gl.bindTexture(PIXI.gl.TEXTURE_2D, uniform.value.baseTexture._glTexture);
+                PIXI.gl.uniform1i(uniform.uniformLocation, this.textureCount);
+                this.textureCount++;
+            }
+            else
+            {
+                this.initSampler2D(uniform);
+            }
+        }
+    }
+    
+};
+
+PIXI.PixiShader.defaultVertexSrc = [
+    
+    "attribute vec2 aVertexPosition;",
+    "attribute vec2 aTextureCoord;",
+    "attribute float aColor;",
+
+    "uniform vec2 projectionVector;",
+    "uniform vec2 offsetVector;",
+    "varying vec2 vTextureCoord;",
+
+    "varying float vColor;",
+
+    "const vec2 center = vec2(-1.0, 1.0);",
+    
+    "void main(void) {",
+        "gl_Position = vec4( ((aVertexPosition + offsetVector) / projectionVector) + center , 0.0, 1.0);",
+        "vTextureCoord = aTextureCoord;",
+        "vColor = aColor;",
+    "}"
+];
diff --git a/src/pixi/renderers/webgl/PrimitiveShader.js b/src/pixi/renderers/webgl/PrimitiveShader.js
new file mode 100644
index 0000000..1089d84
--- /dev/null
+++ b/src/pixi/renderers/webgl/PrimitiveShader.js
@@ -0,0 +1,57 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.PrimitiveShader = function()
+{
+	// the webGL program..
+	this.program;
+    	
+    this.fragmentSrc = [
+      "precision mediump float;",
+      "varying vec4 vColor;",
+      "void main(void) {",
+        "gl_FragColor = vColor;",
+      "}"
+    ];
+
+    this.vertexSrc  = [
+      "attribute vec2 aVertexPosition;",
+      "attribute vec4 aColor;",
+      "uniform mat3 translationMatrix;",
+      "uniform vec2 projectionVector;",
+      "uniform vec2 offsetVector;",
+      "uniform float alpha;",
+      "varying vec4 vColor;",
+      "void main(void) {",
+        "vec3 v = translationMatrix * vec3(aVertexPosition , 1.0);",
+        "v -= offsetVector.xyx;",
+        "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
+        "vColor = aColor  * alpha;",
+      "}"
+    ];
+	
+}
+
+PIXI.PrimitiveShader.prototype.init = function()
+{
+	var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc);
+	
+	var gl = PIXI.gl;
+	
+  gl.useProgram(program);
+	
+	// get and store the uniforms for the shader
+	this.projectionVector = gl.getUniformLocation(program, "projectionVector");
+	this.offsetVector = gl.getUniformLocation(program, "offsetVector");
+  
+  // get and store the attributes
+  this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
+	this.colorAttribute = gl.getAttribLocation(program, "aColor");
+	
+  this.translationMatrix = gl.getUniformLocation(program, "translationMatrix");
+  this.alpha = gl.getUniformLocation(program, "alpha");
+
+	this.program = program;
+}
diff --git a/src/pixi/renderers/webgl/StripShader.js b/src/pixi/renderers/webgl/StripShader.js
new file mode 100644
index 0000000..80d8394
--- /dev/null
+++ b/src/pixi/renderers/webgl/StripShader.js
@@ -0,0 +1,65 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.StripShader = function()
+{
+	// the webGL program..
+	this.program;
+	
+    this.fragmentSrc = [
+      "precision mediump float;",
+      "varying vec2 vTextureCoord;",
+      "varying float vColor;",
+      "uniform float alpha;",
+      "uniform sampler2D uSampler;",
+      "void main(void) {",
+        "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
+        "gl_FragColor = gl_FragColor * alpha;",
+      "}"
+    ];
+
+    this.vertexSrc = [
+      "attribute vec2 aVertexPosition;",
+      "attribute vec2 aTextureCoord;",
+      "attribute float aColor;",
+      "uniform mat3 translationMatrix;",
+      "uniform vec2 projectionVector;",
+      "varying vec2 vTextureCoord;",
+      "varying vec2 offsetVector;",
+      "varying float vColor;",
+      "void main(void) {",
+        "vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
+        "v -= offsetVector.xyx;",
+        "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / projectionVector.y + 1.0 , 0.0, 1.0);",
+        "vTextureCoord = aTextureCoord;",
+        "vColor = aColor;",
+      "}"
+    ];
+}
+
+PIXI.StripShader.prototype.init = function()
+{
+	var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc)
+	
+	var gl = PIXI.gl;
+	
+    gl.useProgram(program);
+
+	// get and store the uniforms for the shader
+	this.uSampler = gl.getUniformLocation(program, "uSampler");
+	this.projectionVector = gl.getUniformLocation(program, "projectionVector");
+	this.offsetVector = gl.getUniformLocation(program, "offsetVector");
+	this.colorAttribute = gl.getAttribLocation(program, "aColor");
+	//this.dimensions = gl.getUniformLocation(this.program, "dimensions");
+	
+	// get and store the attributes
+	this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
+	this.aTextureCoord = gl.getAttribLocation(program, "aTextureCoord");
+	  
+    this.translationMatrix = gl.getUniformLocation(program, "translationMatrix");
+    this.alpha = gl.getUniformLocation(program, "alpha");
+  
+	this.program = program;
+}
diff --git a/src/pixi/renderers/webgl/WebGLBatch.js b/src/pixi/renderers/webgl/WebGLBatch.js
index 7d15d01..fa09fc4 100644
--- a/src/pixi/renderers/webgl/WebGLBatch.js
+++ b/src/pixi/renderers/webgl/WebGLBatch.js
@@ -79,7 +79,6 @@ PIXI.WebGLBatch.prototype.clean = function()
 	this.uvs = [];
 	this.indices = [];
 	this.colors = [];
-	//this.sprites = [];
 	this.dynamicSize = 1;
 	this.texture = null;
 	this.last = null;
@@ -116,7 +115,6 @@ PIXI.WebGLBatch.prototype.init = function(sprite)
 	this.dirty = true;
 	this.blendMode = sprite.blendMode;
 	this.texture = sprite.texture.baseTexture;
-//	this.sprites.push(sprite);
 	this.head = sprite;
 	this.tail = sprite;
 	this.size = 1;
@@ -149,7 +147,6 @@ PIXI.WebGLBatch.prototype.insertBefore = function(sprite, nextSprite)
 	else
 	{
 		this.head = sprite;
-		//this.head.__prev = null
 	}
 }
 
@@ -237,7 +234,7 @@ PIXI.WebGLBatch.prototype.split = function(sprite)
 {
 	this.dirty = true;
 
-	var batch = new PIXI.WebGLBatch(this.gl);//PIXI._getBatch(this.gl);
+	var batch = new PIXI.WebGLBatch(this.gl);
 	batch.init(sprite);
 	batch.texture = this.texture;
 	batch.tail = this.tail;
@@ -247,8 +244,6 @@ PIXI.WebGLBatch.prototype.split = function(sprite)
 
 	sprite.__prev = null;
 	// return a splite batch!
-	//sprite.__prev.__next = null;
-	//sprite.__prev = null;
 
 	// TODO this size is wrong!
 	// need to recalculate :/ problem with a linked list!
@@ -318,13 +313,13 @@ PIXI.WebGLBatch.prototype.growBatch = function()
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
 	gl.bufferData(gl.ARRAY_BUFFER,this.verticies , gl.DYNAMIC_DRAW);
 
-	this.uvs  = new Float32Array( this.dynamicSize * 8 )  
+	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 )  
+	this.colors  = new Float32Array( this.dynamicSize * 4 );
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer);
 	gl.bufferData(gl.ARRAY_BUFFER, this.colors , gl.DYNAMIC_DRAW);
 
@@ -420,10 +415,13 @@ PIXI.WebGLBatch.prototype.update = function()
 	var indexRun = 0;
 
 	var displayObject = this.head;
-
+	var verticies = this.verticies;
+	var uvs = this.uvs;
+	var colors = this.colors;
+	
 	while(displayObject)
 	{
-		if(displayObject.worldVisible)
+		if(displayObject.vcount === PIXI.visibleCount)
 		{
 			width = displayObject.texture.frame.width;
 			height = displayObject.texture.frame.height;
@@ -448,17 +446,17 @@ PIXI.WebGLBatch.prototype.update = function()
 			tx = worldTransform[2];
 			ty = worldTransform[5];
 
-			this.verticies[index + 0 ] = a * w1 + c * h1 + tx; 
-			this.verticies[index + 1 ] = d * h1 + b * w1 + ty;
+			verticies[index + 0 ] = a * w1 + c * h1 + tx; 
+			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; 
+			verticies[index + 2 ] = a * w0 + c * h1 + tx; 
+			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; 
+			verticies[index + 4 ] = a * w0 + c * h0 + tx; 
+			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; 
+			verticies[index + 6] =  a * w1 + c * h0 + tx; 
+			verticies[index + 7] =  d * h0 + b * w1 + ty; 
 
 			if(displayObject.updateFrame || displayObject.texture.updateFrame)
 			{
@@ -470,17 +468,17 @@ PIXI.WebGLBatch.prototype.update = function()
 				var tw = texture.baseTexture.width;
 				var th = texture.baseTexture.height;
 
-				this.uvs[index + 0] = frame.x / tw;
-				this.uvs[index +1] = frame.y / th;
+				uvs[index + 0] = frame.x / tw;
+				uvs[index +1] = frame.y / th;
 
-				this.uvs[index +2] = (frame.x + frame.width) / tw;
-				this.uvs[index +3] = frame.y / th;
+				uvs[index +2] = (frame.x + frame.width) / tw;
+				uvs[index +3] = frame.y / th;
 
-				this.uvs[index +4] = (frame.x + frame.width) / tw;
-				this.uvs[index +5] = (frame.y + frame.height) / th; 
+				uvs[index +4] = (frame.x + frame.width) / tw;
+				uvs[index +5] = (frame.y + frame.height) / th; 
 
-				this.uvs[index +6] = frame.x / tw;
-				this.uvs[index +7] = (frame.y + frame.height) / th;
+				uvs[index +6] = frame.x / tw;
+				uvs[index +7] = (frame.y + frame.height) / th;
 
 				displayObject.updateFrame = false;
 			}
@@ -491,7 +489,7 @@ PIXI.WebGLBatch.prototype.update = function()
 				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;
+				colors[colorIndex] = colors[colorIndex + 1] = colors[colorIndex + 2] = colors[colorIndex + 3] = displayObject.worldAlpha;
 				this.dirtyColors = true;
 			}
 		}
@@ -499,17 +497,7 @@ PIXI.WebGLBatch.prototype.update = function()
 		{
 			index = indexRun * 8;
 
-			this.verticies[index + 0 ] = 0;
-			this.verticies[index + 1 ] = 0;
-
-			this.verticies[index + 2 ] = 0;
-			this.verticies[index + 3 ] = 0;
-
-			this.verticies[index + 4 ] = 0;
-			this.verticies[index + 5 ] = 0;
-
-			this.verticies[index + 6] = 0;
-			this.verticies[index + 7] = 0;
+			verticies[index + 0 ] = verticies[index + 1 ] = verticies[index + 2 ] = verticies[index + 3 ] = verticies[index + 4 ] = verticies[index + 5 ] = verticies[index + 6] = 	verticies[index + 7] = 0;
 		}
 
 		indexRun++;
@@ -525,7 +513,7 @@ PIXI.WebGLBatch.prototype.update = function()
 PIXI.WebGLBatch.prototype.render = function(start, end)
 {
 	start = start || 0;
-	//end = end || this.size;
+
 	if(end == undefined)end = this.size;
 	
 	if(this.dirty)
@@ -541,15 +529,18 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
 
 	//TODO optimize this!
 
-	var shaderProgram = PIXI.shaderProgram;
-	gl.useProgram(shaderProgram);
+	var shaderProgram = PIXI.defaultShader;
+	
+	//gl.useProgram(shaderProgram);
 
 	// update the verts..
 	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
 	// ok..
 	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
-    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
+    gl.vertexAttribPointer(shaderProgram.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 	// update the uvs
+	//var isDefault = (shaderProgram == PIXI.shaderProgram)
+
    	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
 
     if(this.dirtyUVS)
@@ -558,7 +549,7 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
     	gl.bufferSubData(gl.ARRAY_BUFFER,  0, this.uvs);
     }
 
-    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+    gl.vertexAttribPointer(shaderProgram.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
 
     gl.activeTexture(gl.TEXTURE0);
     gl.bindTexture(gl.TEXTURE_2D, this.texture._glTexture);
@@ -573,13 +564,11 @@ PIXI.WebGLBatch.prototype.render = function(start, end)
 	}
 
     gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
-
 	// dont need to upload!
     gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
 
-	//var startIndex = 0//1;
 	var len = end - start;
-	// console.log(this.size)
+
     // DRAW THAT this!
     gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
 }
diff --git a/src/pixi/renderers/webgl/WebGLFilterManager.js b/src/pixi/renderers/webgl/WebGLFilterManager.js
new file mode 100644
index 0000000..a98afb4
--- /dev/null
+++ b/src/pixi/renderers/webgl/WebGLFilterManager.js
@@ -0,0 +1,528 @@
+/**
+ * @author Mat Groves http://matgroves.com/ @Doormat23
+ */
+
+
+PIXI.WebGLFilterManager = function(transparent)
+{
+	this.transparent = transparent;
+	
+	this.filterStack = [];
+	this.texturePool = [];
+	
+	this.offsetX = 0;
+	this.offsetY = 0;
+	
+	this.initShaderBuffers();
+}
+
+// API
+
+PIXI.WebGLFilterManager.prototype.begin = function(projection, buffer)
+{
+	this.width = projection.x * 2;
+	this.height = -projection.y * 2;
+	this.buffer = buffer;
+}
+
+PIXI.WebGLFilterManager.prototype.pushFilter = function(filterBlock)
+{
+	var gl = PIXI.gl;
+
+	// filter program
+	// OPTIMISATION - the first filter is free if its a simple color change?
+	this.filterStack.push(filterBlock);
+
+	var filter = filterBlock.filterPasses[0];
+
+	
+
+	this.offsetX += filterBlock.target.filterArea.x;
+	this.offsetY += filterBlock.target.filterArea.y;
+	
+	
+	
+	
+	
+	var texture = this.texturePool.pop();
+	if(!texture)
+	{
+		texture = new PIXI.FilterTexture(this.width, this.height);
+	}
+	else
+	{
+		texture.resize(this.width, this.height);
+	}
+
+	gl.bindTexture(gl.TEXTURE_2D,  texture.texture);
+	
+	this.getBounds(filterBlock.target);
+		
+	// addpadding?
+	//displayObject.filterArea.x
+
+	var filterArea = filterBlock.target.filterArea;
+
+	var padidng = filter.padding;
+	filterArea.x -= padidng;
+	filterArea.y -= padidng;
+	filterArea.width += padidng * 2;
+	filterArea.height += padidng * 2;
+
+	// cap filter to screen size..
+	if(filterArea.x < 0)filterArea.x = 0;	
+	if(filterArea.width > this.width)filterArea.width = this.width;
+	if(filterArea.y < 0)filterArea.y = 0;	
+	if(filterArea.height > this.height)filterArea.height = this.height;
+
+
+	//gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  filterArea.width, filterArea.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+	gl.bindFramebuffer(gl.FRAMEBUFFER, texture.frameBuffer);
+   
+  // console.log(filterArea)
+	// set view port
+	gl.viewport(0, 0, filterArea.width, filterArea.height);	
+	
+	PIXI.projection.x = filterArea.width/2;
+	PIXI.projection.y = -filterArea.height/2;
+	
+	PIXI.offset.x = -filterArea.x; 
+	PIXI.offset.y = -filterArea.y;
+
+	//console.log(PIXI.defaultShader.projectionVector)
+	// update projection
+	gl.uniform2f(PIXI.defaultShader.projectionVector, filterArea.width/2, -filterArea.height/2);
+	gl.uniform2f(PIXI.defaultShader.offsetVector, -filterArea.x, -filterArea.y);
+	//PIXI.primitiveProgram
+
+	gl.colorMask(true, true, true, true); 
+	gl.clearColor(0,0,0, 0);     
+	gl.clear(gl.COLOR_BUFFER_BIT);
+	
+	//filter.texture = texture;
+	filterBlock._glFilterTexture = texture;
+
+	//console.log("PUSH")
+}
+
+
+PIXI.WebGLFilterManager.prototype.popFilter = function()
+{
+	
+	var gl = PIXI.gl;
+	
+	var filterBlock = this.filterStack.pop();
+
+
+
+	var filterArea = filterBlock.target.filterArea;
+
+	var texture = filterBlock._glFilterTexture;
+
+	if(filterBlock.filterPasses.length > 1)
+	{
+		gl.viewport(0, 0, filterArea.width, filterArea.height);
+
+		gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	
+		this.vertexArray[0] = 0;
+		this.vertexArray[1] = filterArea.height;
+		
+		this.vertexArray[2] = filterArea.width;
+		this.vertexArray[3] = filterArea.height;
+		
+		this.vertexArray[4] = 0;
+		this.vertexArray[5] = 0;
+		
+		this.vertexArray[6] = filterArea.width;
+		this.vertexArray[7] = 0;
+
+
+		gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
+
+	
+		gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+		// nnow set the uvs..
+		this.uvArray[2] = filterArea.width/this.width;
+		this.uvArray[5] = filterArea.height/this.height;
+		this.uvArray[6] = filterArea.width/this.width;
+		this.uvArray[7] = filterArea.height/this.height;
+		
+		gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
+
+		var inputTexture = texture;
+		var outputTexture = this.texturePool.pop();
+		if(!outputTexture)outputTexture = new PIXI.FilterTexture(this.width, this.height);
+		
+		// need to clear this FBO as it may have some left over elements from a prvious filter.
+		gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );     
+		gl.clear(gl.COLOR_BUFFER_BIT);
+	 
+		gl.disable(gl.BLEND);
+		
+		for (var i = 0; i < filterBlock.filterPasses.length-1; i++) 
+		{
+			var filterPass = filterBlock.filterPasses[i];
+	
+			gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );
+			
+			// set texture
+		    gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, inputTexture.texture);
+			
+			// draw texture..
+			//filterPass.applyFilterPass(filterArea.width, filterArea.height);
+			this.applyFilterPass(filterPass, filterArea, filterArea.width, filterArea.height);
+
+			// swap the textures..
+			var temp = inputTexture;
+			inputTexture = outputTexture;
+			outputTexture = temp;
+			
+		};
+
+		gl.enable(gl.BLEND);
+
+		texture = inputTexture;
+		this.texturePool.push(outputTexture);
+	}
+
+	var filter = filterBlock.filterPasses[filterBlock.filterPasses.length-1];
+	
+	this.offsetX -= filterArea.x;
+	this.offsetY -= filterArea.y;
+
+	
+	var sizeX = this.width;
+	var sizeY = this.height;
+	
+	var offsetX = 0;
+	var offsetY = 0;
+	
+	var buffer = this.buffer;
+	
+	// time to render the filters texture to the previous scene
+	if(this.filterStack.length === 0)
+	{
+		gl.colorMask(true, true, true, this.transparent); 
+	}
+	else
+	{
+		var currentFilter = this.filterStack[this.filterStack.length-1];
+		var filterArea = currentFilter.target.filterArea;
+		
+		sizeX = filterArea.width;
+		sizeY = filterArea.height;
+		
+		offsetX = filterArea.x;
+		offsetY = filterArea.y;
+		
+		buffer =  currentFilter._glFilterTexture.frameBuffer;
+	}
+	
+	
+
+	// TODO need toremove thease global elements..
+	PIXI.projection.x = sizeX/2;
+	PIXI.projection.y = -sizeY/2;
+
+	PIXI.offset.x = offsetX;
+	PIXI.offset.y = offsetY; 
+	
+
+	var filterArea =  filterBlock.target.filterArea;
+	var x = filterArea.x-offsetX;
+	var y = filterArea.y-offsetY;
+	
+	// update the buffers..	
+	// make sure to flip the y!
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	
+	this.vertexArray[0] = x;
+	this.vertexArray[1] = y + filterArea.height;
+	
+	this.vertexArray[2] = x + filterArea.width;
+	this.vertexArray[3] = y + filterArea.height;
+	
+	this.vertexArray[4] = x;
+	this.vertexArray[5] = y;
+	
+	this.vertexArray[6] = x + filterArea.width;
+	this.vertexArray[7] = y;
+
+	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+
+	this.uvArray[2] = filterArea.width/this.width;
+	this.uvArray[5] = filterArea.height/this.height;
+	this.uvArray[6] = filterArea.width/this.width;
+	this.uvArray[7] = filterArea.height/this.height;
+	
+	gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
+
+	gl.viewport(0, 0, sizeX, sizeY);	
+	// bind the buffer
+	gl.bindFramebuffer(gl.FRAMEBUFFER, buffer );
+	
+	// set texture
+    gl.activeTexture(gl.TEXTURE0);
+	gl.bindTexture(gl.TEXTURE_2D, texture.texture);
+	
+	// apply!
+	//filter.applyFilterPass(sizeX, sizeY);
+	this.applyFilterPass(filter, filterArea, sizeX, sizeY);
+
+	// now restore the regular shader..
+    gl.useProgram(PIXI.defaultShader.program);
+	gl.uniform2f(PIXI.defaultShader.projectionVector, sizeX/2, -sizeY/2);
+	gl.uniform2f(PIXI.defaultShader.offsetVector, -offsetX, -offsetY);
+
+	// return the texture to the pool
+	this.texturePool.push(texture);
+	filterBlock._glFilterTexture = null;	
+}
+
+PIXI.WebGLFilterManager.prototype.applyFilterPass = function(filter, filterArea, width, height)
+{
+	// use program
+	var gl = PIXI.gl;
+
+	if(!filter.shader)
+	{
+		var shader = new PIXI.PixiShader();
+				
+		shader.fragmentSrc = filter.fragmentSrc;
+		shader.uniforms = filter.uniforms;
+		shader.init();
+		
+		filter.shader = shader;
+	}
+
+	var shader = filter.shader;
+	
+	// set the shader
+	gl.useProgram(shader.program);
+
+	gl.uniform2f(shader.projectionVector, width/2, -height/2);
+	gl.uniform2f(shader.offsetVector, 0,0)
+
+	if(filter.uniforms.dimensions)
+	{
+		//console.log(filter.uniforms.dimensions)
+		filter.uniforms.dimensions.value[0] = this.width;//width;
+		filter.uniforms.dimensions.value[1] = this.height;//height;
+		filter.uniforms.dimensions.value[2] = this.vertexArray[0];
+		filter.uniforms.dimensions.value[3] = this.vertexArray[5];//filterArea.height;
+	//	console.log(this.vertexArray[5])
+	}
+
+	shader.syncUniforms();
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
+   
+   	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+    gl.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
+	
+    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+    
+	// draw the filter...
+    gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 );
+}
+
+PIXI.WebGLFilterManager.prototype.initShaderBuffers = function()
+{
+	var gl = PIXI.gl;
+	
+	// create some buffers
+	this.vertexBuffer = gl.createBuffer();	
+	this.uvBuffer = gl.createBuffer();
+	this.indexBuffer = gl.createBuffer();
+	
+	// bind and upload the vertexs..
+	// keep a refferance to the vertexFloatData..
+	this.vertexArray = new Float32Array([0.0, 0.0, 
+								         1.0, 0.0, 
+								         0.0, 1.0, 
+								         1.0, 1.0]);
+	
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
+	gl.bufferData(
+    gl.ARRAY_BUFFER, 
+    this.vertexArray, 
+    gl.STATIC_DRAW);
+    
+    
+    // bind and upload the uv buffer
+	this.uvArray = new Float32Array([0.0, 0.0, 
+								     1.0, 0.0, 
+								     0.0, 1.0, 
+								     1.0, 1.0]);
+								         
+	gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
+	gl.bufferData(
+    gl.ARRAY_BUFFER, 
+    this.uvArray, 
+    gl.STATIC_DRAW);
+    
+	// bind and upload the index
+	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
+	gl.bufferData(
+    gl.ELEMENT_ARRAY_BUFFER, 
+    new Uint16Array([0, 1, 2, 1, 3, 2]), 
+    gl.STATIC_DRAW);
+}
+
+PIXI.WebGLFilterManager.prototype.getBounds = function(displayObject)
+{
+	// time to get the width and height of the object!
+	var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index, doTest;
+	var a, b, c, d, tx, ty, x1, x2, x3, x4, y1, y2, y3, y4;
+
+	var tempObject = displayObject.first;
+	var testObject = displayObject.last._iNext;
+	
+	var maxX = -Infinity;
+	var maxY = -Infinity;
+	
+	var minX = Infinity;
+	var minY = Infinity;
+	
+	do	
+	{
+		// TODO can be optimized! - what if there is no scale / rotation?
+		
+		if(tempObject.visible)
+		{
+			if(tempObject instanceof PIXI.Sprite)
+			{
+				width = tempObject.texture.frame.width;
+				height = tempObject.texture.frame.height;
+
+				// TODO trim??
+				aX = tempObject.anchor.x;
+				aY = tempObject.anchor.y;
+				w0 = width * (1-aX);
+				w1 = width * -aX;
+
+				h0 = height * (1-aY);
+				h1 = height * -aY;
+
+				doTest = true;
+			}
+			else if(tempObject instanceof PIXI.Graphics)
+			{
+				tempObject.updateFilterBounds();
+
+				var bounds = tempObject.bounds;
+
+				width = bounds.width;
+				height = bounds.height;
+
+				w0 = bounds.x
+				w1 = bounds.x + bounds.width;
+
+				h0 = bounds.y
+				h1 = bounds.y + bounds.height;
+
+				doTest = true;	
+			}
+		}
+		
+		if(doTest)
+		{
+			worldTransform = tempObject.worldTransform;
+
+			a = worldTransform[0];
+			b = worldTransform[3];
+			c = worldTransform[1];
+			d = worldTransform[4];
+			tx = worldTransform[2];
+			ty = worldTransform[5];
+
+			x1 = a * w1 + c * h1 + tx; 
+			y1 = d * h1 + b * w1 + ty;
+
+			x2 = a * w0 + c * h1 + tx; 
+			y2 = d * h1 + b * w0 + ty; 
+
+			x3 = a * w0 + c * h0 + tx; 
+			y3 = d * h0 + b * w0 + ty; 
+
+			x4 =  a * w1 + c * h0 + tx; 
+			y4 =  d * h0 + b * w1 + ty; 
+
+			minX = x1 < minX ? x1 : minX;
+			minX = x2 < minX ? x2 : minX;
+			minX = x3 < minX ? x3 : minX;
+			minX = x4 < minX ? x4 : minX;
+			
+			minY = y1 < minY ? y1 : minY;
+			minY = y2 < minY ? y2 : minY;
+			minY = y3 < minY ? y3 : minY;
+			minY = y4 < minY ? y4 : minY;
+			
+			maxX = x1 > maxX ? x1 : maxX;
+			maxX = x2 > maxX ? x2 : maxX;
+			maxX = x3 > maxX ? x3 : maxX;
+			maxX = x4 > maxX ? x4 : maxX;
+			
+			maxY = y1 > maxY ? y1 : maxY;
+			maxY = y2 > maxY ? y2 : maxY;
+			maxY = y3 > maxY ? y3 : maxY;
+			maxY = y4 > maxY ? y4 : maxY;
+		}
+
+		doTest = false;
+		tempObject = tempObject._iNext;
+
+	}
+	while(tempObject != testObject)
+	
+	// maximum bounds is the size of the screen..
+	//minX = minX > 0 ? minX : 0;
+	//minY = minY > 0 ? minY : 0;
+
+	displayObject.filterArea.x = minX;
+	displayObject.filterArea.y = minY;
+
+//	console.log(maxX+ " : " + minX)
+	displayObject.filterArea.width = maxX - minX;
+	displayObject.filterArea.height = maxY - minY;
+}
+
+PIXI.FilterTexture = function(width, height)
+{
+	var gl = PIXI.gl;
+	
+    // next time to create a frame buffer and texture
+	this.frameBuffer = gl.createFramebuffer();
+    this.texture = gl.createTexture();
+
+    gl.bindTexture(gl.TEXTURE_2D,  this.texture);
+    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);
+	gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer );
+	
+	gl.bindFramebuffer(gl.FRAMEBUFFER, this.frameBuffer );
+	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.texture, 0);
+	
+	this.resize(width, height);
+}
+
+PIXI.FilterTexture.prototype.resize = function(width, height)
+{
+	if(this.width == width && this.height == height)return;
+
+	this.width = width;
+	this.height = height;
+
+	var gl = PIXI.gl;
+
+	gl.bindTexture(gl.TEXTURE_2D,  this.texture);
+	gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA,  width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+	
+}
\ No newline at end of file
diff --git a/src/pixi/renderers/webgl/WebGLGraphics.js b/src/pixi/renderers/webgl/WebGLGraphics.js
index c2831eb..1d94985 100644
--- a/src/pixi/renderers/webgl/WebGLGraphics.js
+++ b/src/pixi/renderers/webgl/WebGLGraphics.js
@@ -46,7 +46,6 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 		PIXI.WebGLGraphics.updateGraphics(graphics);
 	}
 	
-	
 	PIXI.activatePrimitiveShader();
 	
 	// This  could be speeded up fo sure!
@@ -56,30 +55,29 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
 	
 	// set the matrix transform for the 
  	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- 	
- 	gl.uniformMatrix3fv(PIXI.primitiveProgram.translationMatrix, false, m);
- 	
-	gl.uniform2f(PIXI.primitiveProgram.projectionVector, projection.x, projection.y);
-	
-	gl.uniform1f(PIXI.primitiveProgram.alpha, graphics.worldAlpha);
 
+ 	gl.uniformMatrix3fv(PIXI.primitiveShader.translationMatrix, false, m);
+ 	
+	gl.uniform2f(PIXI.primitiveShader.projectionVector, projection.x, -projection.y);
+	gl.uniform2f(PIXI.primitiveShader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
+	
+	gl.uniform1f(PIXI.primitiveShader.alpha, graphics.worldAlpha);
 	gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
 	
-	// WHY DOES THIS LINE NEED TO BE THERE???
-	gl.vertexAttribPointer(PIXI.shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
-	// its not even used.. but need to be set or it breaks?
-	// only on pc though..
-	
-	gl.vertexAttribPointer(PIXI.primitiveProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 4 * 6, 0);
-	gl.vertexAttribPointer(PIXI.primitiveProgram.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
+	gl.vertexAttribPointer(PIXI.primitiveShader.aVertexPosition, 2, gl.FLOAT, false, 4 * 6, 0);
+	gl.vertexAttribPointer(PIXI.primitiveShader.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
 	
 	// set the index buffer!
 	gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
 	
+
 	gl.drawElements(gl.TRIANGLE_STRIP,  graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
 	
+	PIXI.deactivatePrimitiveShader();
+	
+	
 	// return to default shader...
-	PIXI.activateDefaultShader();
+//	PIXI.activateShader(PIXI.defaultShader);
 }
 
 /**
@@ -284,6 +282,14 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	var points = graphicsData.points;
 	if(points.length == 0)return;
 	
+	// if the line width is an odd number add 0.5 to align to a whole pixel
+	if(graphicsData.lineWidth%2)
+	{
+		for (var i = 0; i < points.length; i++) {
+			points[i] += 0.5;
+		};
+	}
+
 	// get first and last point.. figure out the middle!
 	var firstPoint = new PIXI.Point( points[0], points[1] );
 	var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
@@ -385,16 +391,27 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 	    c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
 	 
 	    denom = a1*b2 - a2*b1;
-	    
-	    if (denom == 0) {
-	    	denom+=1;
-	    }
+
+	   if(Math.abs(denom) < 0.1 )
+		{
+		
+			denom+=10.1;
+			verts.push(p2x - perpx , p2y - perpy,
+				r, g, b, alpha);
+	
+			verts.push(p2x + perpx , p2y + perpy,
+				r, g, b, alpha);
+			
+			continue;
+		}
 	    
 	    px = (b1*c2 - b2*c1)/denom;
 	    py = (a2*c1 - a1*c2)/denom;
 		
+			
 		pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
 		
+
 		if(pdist > 140 * 140)
 		{
 			perp3x = perpx - perp2x;
@@ -419,10 +436,11 @@ PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
 		}
 		else
 		{
+
 			verts.push(px , py);
 			verts.push(r, g, b, alpha);
 			
-			verts.push(p2x - (px-p2x), p2y - (py - p2y));//, 4);
+			verts.push(p2x - (px-p2x), p2y - (py - p2y));
 			verts.push(r, g, b, alpha);
 		}
 	}
diff --git a/src/pixi/renderers/webgl/WebGLRenderGroup.js b/src/pixi/renderers/webgl/WebGLRenderGroup.js
index 759a372..7a52a9f 100644
--- a/src/pixi/renderers/webgl/WebGLRenderGroup.js
+++ b/src/pixi/renderers/webgl/WebGLRenderGroup.js
@@ -15,14 +15,18 @@
  * @contructor
  * @param gl {WebGLContext} An instance of the webGL context
  */
-PIXI.WebGLRenderGroup = function(gl)
+PIXI.WebGLRenderGroup = function(gl, transparent)
 {
 	this.gl = gl;
 	this.root;
 	
 	this.backgroundColor;
+	this.transparent = transparent == undefined ? true : transparent;
+	
 	this.batchs = [];
 	this.toRemove = [];
+	console.log(this.transparent)
+	this.filterManager = new PIXI.WebGLFilterManager(this.transparent);
 }
 
 // constructor
@@ -56,82 +60,36 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
  * @method render
  * @param projection {Object}
  */
-PIXI.WebGLRenderGroup.prototype.render = function(projection)
+PIXI.WebGLRenderGroup.prototype.render = function(projection, buffer)
 {
 	PIXI.WebGLRenderer.updateTextures();
 	
 	var gl = this.gl;
+	gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
+
+	this.filterManager.begin(projection, buffer);
 
 	
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
 	gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-	
-	// TODO remove this by replacing visible with getter setters..	
-	this.checkVisibility(this.root, this.root.visible);
-	
 	// will render all the elements in the group
 	var renderable;
-	
-	
+
 	for (var i=0; i < this.batchs.length; i++) 
 	{
+		
 		renderable = this.batchs[i];
 		if(renderable instanceof PIXI.WebGLBatch)
 		{
 			this.batchs[i].render();
+			continue;
 		}
-		else if(renderable instanceof PIXI.TilingSprite)
-		{
-			if(renderable.visible)this.renderTilingSprite(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Strip)
-		{
-			if(renderable.visible)this.renderStrip(renderable, projection);
-		}
-		else if(renderable instanceof PIXI.Graphics)
-		{
-			if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);//, projectionMatrix);
-		}
-		else if(renderable instanceof PIXI.FilterBlock)
-		{
-			/*
-			 * for now only masks are supported..
-			 */
-			if(renderable.open)
-			{
-    			gl.enable(gl.STENCIL_TEST);
-					
-				gl.colorMask(false, false, false, false);
-				gl.stencilFunc(gl.ALWAYS,1,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-				PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-  					
-				gl.colorMask(true, true, true, false);
-				gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-			}
-			else
-			{
-				gl.disable(gl.STENCIL_TEST);
-			}
-		}
+		
+		// render special
+		this.renderSpecial(renderable, projection);
 	}
 	
 }
 
-/**
- * Renders the stage to its webgl view
- *
- * @method handleFilter
- * @param filter {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
-{
-	
-}
-
 /**
  * Renders a specific displayObject
  *
@@ -140,15 +98,14 @@ PIXI.WebGLRenderGroup.prototype.handleFilter = function(filter, projection)
  * @param projection {Object}
  * @private
  */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection)
+PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection, buffer)
 {
 	PIXI.WebGLRenderer.updateTextures();
-	
 	var gl = this.gl;
-	this.checkVisibility(displayObject, displayObject.visible);
-	
-//	gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
-	gl.uniform2f(PIXI.shaderProgram.projectionVector, projection.x, projection.y);
+
+	gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
+
+	this.filterManager.begin(projection, buffer);
 
 	// to do!
 	// render part of the scene...
@@ -168,11 +125,13 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 	var nextRenderable = displayObject.first;
 	while(nextRenderable._iNext)
 	{
-		nextRenderable = nextRenderable._iNext;
 		if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
+		nextRenderable = nextRenderable._iNext;
 	}
 	var startBatch = nextRenderable.batch;
+	//console.log(nextRenderable);
 	
+	//console.log(renderable)
 	if(nextRenderable instanceof PIXI.Sprite)
 	{
 		startBatch = nextRenderable.batch;
@@ -202,13 +161,11 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 	}
 	
 	// Get the LAST renderable object
-	var lastRenderable = displayObject;
-	var endBatch;
-	var lastItem = displayObject;
-	while(lastItem.children.length > 0)
+	var lastRenderable = displayObject.last;
+	while(lastRenderable._iPrev)
 	{
-		lastItem = lastItem.children[lastItem.children.length-1];
-		if(lastItem.renderable)lastRenderable = lastItem;
+		if(lastRenderable.renderable && lastRenderable.__renderGroup)break;
+		lastRenderable = lastRenderable._iNext;
 	}
 	
 	if(lastRenderable instanceof PIXI.Sprite)
@@ -237,6 +194,7 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
 		endBatch = lastRenderable;
 	}
 	
+	//console.log(endBatch);
 	// TODO - need to fold this up a bit!
 	
 	if(startBatch == endBatch)
@@ -302,86 +260,101 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, project
  */
 PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
 {
+	
+	var worldVisible = renderable.vcount === PIXI.visibleCount
+
+
 	if(renderable instanceof PIXI.TilingSprite)
 	{
-		if(renderable.visible)this.renderTilingSprite(renderable, projection);
+		if(worldVisible)this.renderTilingSprite(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.Strip)
 	{
-		if(renderable.visible)this.renderStrip(renderable, projection);
+		if(worldVisible)this.renderStrip(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.CustomRenderable)
 	{
-		if(renderable.visible) renderable.renderWebGL(this, projection);
+		if(worldVisible) renderable.renderWebGL(this, projection);
 	}
 	else if(renderable instanceof PIXI.Graphics)
 	{
-		if(renderable.visible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
+		if(worldVisible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
 	}
 	else if(renderable instanceof PIXI.FilterBlock)
 	{
-		/*
-		 * for now only masks are supported..
-		 */
-
-		var gl = PIXI.gl;
-
-		if(renderable.open)
-		{
-			gl.enable(gl.STENCIL_TEST);
-				
-			gl.colorMask(false, false, false, false);
-			gl.stencilFunc(gl.ALWAYS,1,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.REPLACE);
-  
-			PIXI.WebGLGraphics.renderGraphics(renderable.mask, projection);
-			
-			// we know this is a render texture so enable alpha too..
-			gl.colorMask(true, true, true, true);
-			gl.stencilFunc(gl.NOTEQUAL,0,0xff);
-			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
-		}
-		else
-		{
-			gl.disable(gl.STENCIL_TEST);
-		}
+		this.handleFilterBlock(renderable, projection);
 	}
 }
 
-/**
- * Checks the visibility of a displayObject
- *
- * @method checkVisibility
- * @param displayObject {DisplayObject}
- * @param globalVisible {Boolean}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
+flip = false;
+var maskStack = [];
+var maskPosition = 0;
+
+//var usedMaskStack = [];
+
+PIXI.WebGLRenderGroup.prototype.handleFilterBlock = function(filterBlock, projection)
 {
-	// give the dp a reference to its renderGroup...
-	var children = displayObject.children;
-	//displayObject.worldVisible = globalVisible;
-	for (var i=0; i < children.length; i++) 
+	/*
+	 * for now only masks are supported..
+	 */
+	var gl = PIXI.gl;
+	
+	if(filterBlock.open)
 	{
-		var child = children[i];
-		
-		// TODO optimize... should'nt need to loop through everything all the time
-		child.worldVisible = child.visible && globalVisible;
-		
-		// everything should have a batch!
-		// time to see whats new!
-		if(child.textureChange)
+		if(filterBlock.data instanceof Array)
 		{
-			child.textureChange = false;
-			if(child.worldVisible)this.updateTexture(child);
-			// update texture!!
+			this.filterManager.pushFilter(filterBlock);
+			// ok so..
+			
 		}
-		
-		if(child.children.length > 0)
+		else
+		{	
+			maskPosition++;
+
+			maskStack.push(filterBlock)
+	
+			gl.enable(gl.STENCIL_TEST);
+			
+			gl.colorMask(false, false, false, false);
+			
+			gl.stencilFunc(gl.ALWAYS,1,1);
+			gl.stencilOp(gl.KEEP,gl.KEEP,gl.INCR);
+	
+			PIXI.WebGLGraphics.renderGraphics(filterBlock.data, projection);
+			
+			gl.colorMask(true, true, true, true);
+			gl.stencilFunc(gl.NOTEQUAL,0,maskStack.length);
+			gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
+		}
+	}
+	else
+	{
+		if(filterBlock.data instanceof Array)
 		{
-			this.checkVisibility(child, child.worldVisible);
+			this.filterManager.popFilter();
 		}
-	};
+		else
+		{
+			var maskData = maskStack.pop(filterBlock)
+
+
+			if(maskData)
+			{
+				gl.colorMask(false, false, false, false);
+			
+				gl.stencilFunc(gl.ALWAYS,1,1);
+				gl.stencilOp(gl.KEEP,gl.KEEP,gl.DECR);
+
+				PIXI.WebGLGraphics.renderGraphics(maskData.data, projection);
+			
+				gl.colorMask(true, true, true, true);
+				gl.stencilFunc(gl.NOTEQUAL,0,maskStack.length);
+				gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
+			};
+
+			gl.disable(gl.STENCIL_TEST);
+		}
+	}
 }
 
 /**
@@ -444,7 +417,7 @@ PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
 	 *  It keeps going back until it finds a sprite or the stage
 	 */
 	var previousRenderable = start;
-	while(previousRenderable != this.root)
+	while(previousRenderable != this.root.first)
 	{
 		previousRenderable = previousRenderable._iPrev;
 		if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
@@ -458,7 +431,7 @@ PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
 	 *  scene graph
 	 */
 	var previousRenderable2 = end;
-	while(previousRenderable2 != this.root)
+	while(previousRenderable2 != this.root.first)
 	{
 		previousRenderable2 = previousRenderable2._iPrev;
 		if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
@@ -830,6 +803,7 @@ PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
 	}
 }
 
+
 /**
  * Initializes a tiling sprite
  *
@@ -900,25 +874,26 @@ PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
 PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 {
 	var gl = this.gl;
-	var shaderProgram = PIXI.shaderProgram;
-//	mat
-	//var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
-	//PIXI.mat4.transpose(mat4Real);
-	//PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
 
+	PIXI.activateStripShader();
+
+	var shader = PIXI.stripShader;
+
+	var program = shader.program;
 	
-	gl.useProgram(PIXI.stripShaderProgram);
-
 	var m = PIXI.mat3.clone(strip.worldTransform);
 	
 	PIXI.mat3.transpose(m);
 	
+//	console.log(projection)
 	// set the matrix transform for the 
- 	gl.uniformMatrix3fv(PIXI.stripShaderProgram.translationMatrix, false, m);
-	gl.uniform2f(PIXI.stripShaderProgram.projectionVector, projection.x, projection.y);
-	gl.uniform1f(PIXI.stripShaderProgram.alpha, strip.worldAlpha);
+ 	gl.uniformMatrix3fv(shader.translationMatrix, false, m);
+	gl.uniform2f(shader.projectionVector, projection.x, projection.y);
+	gl.uniform2f(shader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
+	
+	gl.uniform1f(shader.alpha, strip.worldAlpha);
 
-/*
+	/*
 	if(strip.blendMode == PIXI.blendModes.NORMAL)
 	{
 		gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
@@ -929,23 +904,22 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 	}
 	*/
 	
-	
+	//console.log("!!")
 	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);
+	    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 		
 		// update the uvs
 	   	gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
-	    gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
+	    gl.vertexAttribPointer(shader.aTextureCoord, 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);
+	    gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
 		
 		// dont need to upload!
 	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
@@ -955,30 +929,30 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 		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);
+	    gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
 		
 		// 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.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
 			
 	    gl.activeTexture(gl.TEXTURE0);
 	    gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
-		
+	//	console.log(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);
+	    gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
 		
 		// dont need to upload!
 	    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
 	    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
 	    
 	}
-	//console.log(gl.TRIANGLE_STRIP);
 	
 	gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
     
-  	gl.useProgram(PIXI.shaderProgram);
+    PIXI.deactivateStripShader();
+  	//gl.useProgram(PIXI.currentProgram);
 }
 
 /**
@@ -992,6 +966,8 @@ PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
 PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
 {
 	var gl = this.gl;
+
+
 	var shaderProgram = PIXI.shaderProgram;
 	
 	var tilePosition = sprite.tilePosition;
@@ -1052,3 +1028,4 @@ PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
     gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
     gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
 }
+
diff --git a/src/pixi/renderers/webgl/WebGLRenderer.js b/src/pixi/renderers/webgl/WebGLRenderer.js
index 2d6d307..e11cd44 100644
--- a/src/pixi/renderers/webgl/WebGLRenderer.js
+++ b/src/pixi/renderers/webgl/WebGLRenderer.js
@@ -20,9 +20,10 @@ PIXI.gl;
  * @param height=0 {Number} the height of the canvas view
  * @param view {Canvas} the canvas to use as a view, optional
  * @param transparent=false {Boolean} the transparency of the render view, default false
+ * @param antialias=false {Boolean} sets antialias (only applicable in chrome at the moment)
  * 
  */
-PIXI.WebGLRenderer = function(width, height, view, transparent)
+PIXI.WebGLRenderer = function(width, height, view, transparent, antialias)
 {
 	// do a catch.. only 1 webGL renderer..
 
@@ -42,27 +43,38 @@ PIXI.WebGLRenderer = function(width, height, view, transparent)
 
 	this.batchs = [];
 
-	try 
- 	{
-        PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  {  	
-    		 alpha: this.transparent,
-    		 antialias:true, // SPEED UP??
-    		 premultipliedAlpha:false,
-    		 stencil:true
-        });
-    } 
-    catch (e) 
-    {
-    	throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
-    }
+	var options = {
+		alpha: this.transparent,
+		antialias:!!antialias, // SPEED UP??
+		premultipliedAlpha:false,
+		stencil:true
+	}
 
-    PIXI.initPrimitiveShader();
-    PIXI.initDefaultShader();
-    PIXI.initDefaultStripShader();
+	//try 'experimental-webgl'
+	try {
+		PIXI.gl = this.gl = this.view.getContext("experimental-webgl",  options);
+	} catch (e) {
+		//try 'webgl'
+		try {
+			PIXI.gl = this.gl = this.view.getContext("webgl",  options);
+		} catch (e) {
+			// fail, not able to get a context
+			throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
+		}
+	}
 
-    PIXI.activateDefaultShader();
+    PIXI.initDefaultShaders();
+ 
+
+	
+
+   // PIXI.activateDefaultShader();
 
     var gl = this.gl;
+    
+    gl.useProgram(PIXI.defaultShader.program);
+
+
     PIXI.WebGLRenderer.gl = gl;
 
     this.batch = new PIXI.WebGLBatch(gl);
@@ -73,11 +85,17 @@ PIXI.WebGLRenderer = function(width, height, view, transparent)
     gl.colorMask(true, true, true, this.transparent); 
 
     PIXI.projection = new PIXI.Point(400, 300);
+    PIXI.offset = new PIXI.Point(0, 0);
+
+    // TODO remove thease globals..
 
     this.resize(this.width, this.height);
     this.contextLost = false;
 
-    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
+	//PIXI.pushShader(PIXI.defaultShader);
+
+    this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl, this.transparent);
+  //  this.stageRenderGroup. = this.transparent
 }
 
 // constructor
@@ -133,28 +151,15 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	{
 		// TODO make this work
 		// dont think this is needed any more?
-		//if(this.__stage)this.checkVisibility(this.__stage, false)
-		
 		this.__stage = stage;
 		this.stageRenderGroup.setRenderable(stage);
 	}
-	
-	// TODO not needed now... 
-	// update children if need be
-	// best to remove first!
-	/*for (var i=0; i < stage.__childrenRemoved.length; i++)
-	{
-		var group = stage.__childrenRemoved[i].__renderGroup
-		if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
-	}*/
 
 	// update any textures	
 	PIXI.WebGLRenderer.updateTextures();
 		
-	// recursivly loop through all items!
-	//this.checkVisibility(stage, true);
-	
 	// update the scene graph	
+	PIXI.visibleCount++;
 	stage.updateTransform();
 	
 	var gl = this.gl;
@@ -163,18 +168,18 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
 	gl.colorMask(true, true, true, this.transparent); 
 	gl.viewport(0, 0, this.width, this.height);	
 	
-	// set the correct matrix..	
-   //	gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
-   
    	gl.bindFramebuffer(gl.FRAMEBUFFER, null);
 		
 	gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);     
 	gl.clear(gl.COLOR_BUFFER_BIT);
 
 	// HACK TO TEST
-	//PIXI.projectionMatrix = this.projectionMatrix;
 	
 	this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
+	
+	PIXI.projection.x =  this.width/2;
+	PIXI.projection.y =  -this.height/2;
+	
 	this.stageRenderGroup.render(PIXI.projection);
 	
 	// interaction
@@ -210,8 +215,9 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
  */
 PIXI.WebGLRenderer.updateTextures = function()
 {
-	for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
-	for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
+	//TODO break this out into a texture manager...
+	for (var i=0; i < PIXI.texturesToUpdate.length; i++) PIXI.WebGLRenderer.updateTexture(PIXI.texturesToUpdate[i]);
+	for (var i=0; i < PIXI.texturesToDestroy.length; i++) PIXI.WebGLRenderer.destroyTexture(PIXI.texturesToDestroy[i]);
 	PIXI.texturesToUpdate = [];
 	PIXI.texturesToDestroy = [];
 }
@@ -226,6 +232,7 @@ PIXI.WebGLRenderer.updateTextures = function()
  */
 PIXI.WebGLRenderer.updateTexture = function(texture)
 {
+	//TODO break this out into a texture manager...
 	var gl = PIXI.gl;
 	
 	if(!texture._glTexture)
@@ -266,9 +273,10 @@ PIXI.WebGLRenderer.updateTexture = function(texture)
  * @param texture {Texture} The texture to update
  * @private
  */
-PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
+PIXI.WebGLRenderer.destroyTexture = function(texture)
 {
-	var gl = this.gl;
+	//TODO break this out into a texture manager...
+	var gl = PIXI.gl;
 
 	if(texture._glTexture)
 	{
@@ -297,7 +305,10 @@ PIXI.WebGLRenderer.prototype.resize = function(width, height)
 	//var projectionMatrix = this.projectionMatrix;
 
 	PIXI.projection.x =  this.width/2;
-	PIXI.projection.y =  this.height/2;
+	PIXI.projection.y =  -this.height/2;
+	
+	//PIXI.size.x =  this.width/2;
+	//PIXI.size.y =  -this.height/2;
 
 //	projectionMatrix[0] = 2/this.width;
 //	projectionMatrix[5] = -2/this.height;
diff --git a/src/pixi/renderers/webgl/WebGLShaders.js b/src/pixi/renderers/webgl/WebGLShaders.js
index 68e5b0b..44123d2 100644
--- a/src/pixi/renderers/webgl/WebGLShaders.js
+++ b/src/pixi/renderers/webgl/WebGLShaders.js
@@ -1,159 +1,79 @@
-
 /**
  * @author Mat Groves http://matgroves.com/ @Doormat23
  */
 
 
-/*
- * the default suoer fast shader!
- */
+PIXI.initDefaultShaders = function() 
+{
+	PIXI.primitiveShader = new PIXI.PrimitiveShader();
+  PIXI.primitiveShader.init();
 
-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.stripShader = new PIXI.StripShader();
+  PIXI.stripShader.init();
 
-PIXI.shaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  //"uniform mat4 uMVMatrix;",
+	PIXI.defaultShader = new PIXI.PixiShader();
+	PIXI.defaultShader.init();
+
+  var gl = PIXI.gl; 
+  var shaderProgram = PIXI.defaultShader.program;
+ 
+
+  gl.useProgram(shaderProgram);
   
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-   // "gl_Position = uMVMatrix * vec4(aVertexPosition, 1.0, 1.0);",
-    "gl_Position = vec4( aVertexPosition.x / projectionVector.x -1.0, aVertexPosition.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
+  gl.enableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
+  gl.enableVertexAttribArray(PIXI.defaultShader.colorAttribute);
+  gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+}
+
+PIXI.activatePrimitiveShader = function()
+{
+  var gl = PIXI.gl;
+  
+  gl.useProgram(PIXI.primitiveShader.program);
+  
+  gl.disableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
+  gl.disableVertexAttribArray(PIXI.defaultShader.colorAttribute);
+  gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+
+  gl.enableVertexAttribArray(PIXI.primitiveShader.aVertexPosition);
+  gl.enableVertexAttribArray(PIXI.primitiveShader.colorAttribute);
+} 
+
+PIXI.deactivatePrimitiveShader = function()
+{
+  var gl = PIXI.gl;
+
+  gl.useProgram(PIXI.defaultShader.program);
+  
+  gl.disableVertexAttribArray(PIXI.primitiveShader.aVertexPosition);
+  gl.disableVertexAttribArray(PIXI.primitiveShader.colorAttribute);
+
+  gl.enableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
+  gl.enableVertexAttribArray(PIXI.defaultShader.colorAttribute);
+  gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+
+}
+
+PIXI.activateStripShader = function()
+{
+  var gl = PIXI.gl;
+  
+  gl.useProgram(PIXI.stripShader.program);
+ // gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+} 
+
+PIXI.deactivateStripShader = function()
+{
+  var gl = PIXI.gl;
+
+  gl.useProgram(PIXI.defaultShader.program);
+  //gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
+}
 
 /*
- * the triangle strip shader..
- */
 
-PIXI.stripShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "uniform float alpha;",
-  "uniform sampler2D uSampler;",
-  "void main(void) {",
-    "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
-    "gl_FragColor = gl_FragColor * alpha;",
-  "}"
-];
-
-
-PIXI.stripShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec2 aTextureCoord;",
-  "attribute float aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "varying vec2 vTextureCoord;",
-  "varying float vColor;",
-  "void main(void) {",
-	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vTextureCoord = aTextureCoord;",
-    "vColor = aColor;",
-  "}"
-];
-
-
-/*
- * primitive shader..
- */
-
-PIXI.primitiveShaderFragmentSrc = [
-  "precision mediump float;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-    "gl_FragColor = vColor;",
-  "}"
-];
-
-PIXI.primitiveShaderVertexSrc = [
-  "attribute vec2 aVertexPosition;",
-  "attribute vec4 aColor;",
-  "uniform mat3 translationMatrix;",
-  "uniform vec2 projectionVector;",
-  "uniform float alpha;",
-  "varying vec4 vColor;",
-  "void main(void) {",
-  	"vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
-    "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
-    "vColor = aColor  * alpha;",
-  "}"
-];
-
-PIXI.initPrimitiveShader = function() 
-{
-	var gl = PIXI.gl;
-
-	var shaderProgram = PIXI.compileProgram(PIXI.primitiveShaderVertexSrc, PIXI.primitiveShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-    
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-    
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	PIXI.primitiveProgram = shaderProgram;
-}
-
-PIXI.initDefaultShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.shaderVertexSrc, PIXI.shaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-   // shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.shaderProgram = shaderProgram;
-}
-
-PIXI.initDefaultStripShader = function() 
-{
-	var gl = this.gl;
-	var shaderProgram = PIXI.compileProgram(PIXI.stripShaderVertexSrc, PIXI.stripShaderFragmentSrc)
-	
-    gl.useProgram(shaderProgram);
-
-    shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "aVertexPosition");
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    shaderProgram.textureCoordAttribute = gl.getAttribLocation(shaderProgram, "aTextureCoord");
-	shaderProgram.translationMatrix = gl.getUniformLocation(shaderProgram, "translationMatrix");
-	shaderProgram.alpha = gl.getUniformLocation(shaderProgram, "alpha");
-
-	shaderProgram.colorAttribute = gl.getAttribLocation(shaderProgram, "aColor");
-
-    shaderProgram.projectionVector = gl.getUniformLocation(shaderProgram, "projectionVector");
-    
-    shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
-    
-	PIXI.stripShaderProgram = shaderProgram;
-}
+SHADER COMPILER HELPERS
+*/
 
 PIXI.CompileVertexShader = function(gl, shaderSrc)
 {
@@ -173,7 +93,7 @@ PIXI._CompileShader = function(gl, shaderSrc, shaderType)
   gl.compileShader(shader);
 
   if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(gl.getShaderInfoLog(shader));
+    console.log(gl.getShaderInfoLog(shader));
     return null;
   }
 
@@ -194,38 +114,8 @@ PIXI.compileProgram = function(vertexSrc, fragmentSrc)
     gl.linkProgram(shaderProgram);
 
     if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-        alert("Could not initialise shaders");
+        console.log("Could not initialise shaders");
     }
 
 	return shaderProgram;
 } 
-
-
-PIXI.activateDefaultShader = function()
-{
-	var gl = PIXI.gl;
-	var shaderProgram = PIXI.shaderProgram;
-	
-	gl.useProgram(shaderProgram);
-	
-	
-	gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-    gl.enableVertexAttribArray(shaderProgram.textureCoordAttribute);
-    gl.enableVertexAttribArray(shaderProgram.colorAttribute);
-}
-
-	
-
-PIXI.activatePrimitiveShader = function()
-{
-	var gl = PIXI.gl;
-	
-	gl.disableVertexAttribArray(PIXI.shaderProgram.textureCoordAttribute);
-    gl.disableVertexAttribArray(PIXI.shaderProgram.colorAttribute);
-    
-	gl.useProgram(PIXI.primitiveProgram);
-	
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.vertexPositionAttribute);
-	gl.enableVertexAttribArray(PIXI.primitiveProgram.colorAttribute);
-} 
-
diff --git a/src/pixi/text/BitmapText.js b/src/pixi/text/BitmapText.js
index b667172..7dd15ee 100644
--- a/src/pixi/text/BitmapText.js
+++ b/src/pixi/text/BitmapText.js
@@ -4,7 +4,7 @@
 
 /**
  * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using 
+ * You can generate the fnt files using
  * http://www.angelcode.com/products/bmfont/ for windows or
  * http://www.bmglyph.com/ for mac.
  *
@@ -94,7 +94,7 @@ PIXI.BitmapText.prototype.updateText = function()
             prevCharCode = null;
             continue;
         }
-        
+
         var charData = data.chars[charCode];
         if(!charData) continue;
 
@@ -135,7 +135,7 @@ PIXI.BitmapText.prototype.updateText = function()
         this.addChild(c);
     }
 
-    this.width = pos.x * scale;
+    this.width = maxLineWidth * scale;
     this.height = (pos.y + data.lineHeight) * scale;
 };
 
@@ -157,7 +157,7 @@ PIXI.BitmapText.prototype.updateTransform = function()
 
         this.dirty = false;
 	}
-	
+
 	PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
 };
 
diff --git a/src/pixi/text/Text.js b/src/pixi/text/Text.js
index 0b13621..a2acdd6 100644
--- a/src/pixi/text/Text.js
+++ b/src/pixi/text/Text.js
@@ -26,7 +26,7 @@ PIXI.Text = function(text, style)
 
     this.setText(text);
     this.setStyle(style);
-    
+
     this.updateText();
     this.dirty = false;
 };
@@ -65,10 +65,10 @@ PIXI.Text.prototype.setStyle = function(style)
 /**
  * Set the copy for the text object. To split a line you can use "\n"
  *
- * @methos setText
+ * @method setText
  * @param {String} text The copy that you would like the text to display
  */
-PIXI.Sprite.prototype.setText = function(text)
+PIXI.Text.prototype.setText = function(text)
 {
     this.text = text.toString() || " ";
     this.dirty = true;
@@ -83,9 +83,9 @@ PIXI.Sprite.prototype.setText = function(text)
 PIXI.Text.prototype.updateText = function()
 {
 	this.context.font = this.style.font;
-	
+
 	var outputText = this.text;
-	
+
 	// word wrap
 	// preserve original text
 	if(this.style.wordWrap)outputText = this.wordWrap(this.text);
@@ -103,7 +103,7 @@ PIXI.Text.prototype.updateText = function()
 		maxLineWidth = Math.max(maxLineWidth, lineWidth);
 	}
 	this.canvas.width = maxLineWidth + this.style.strokeThickness;
-	
+
 	//calculate text height
 	var lineHeight = this.determineFontHeight("font: " + this.style.font  + ";") + this.style.strokeThickness;
 	this.canvas.height = lineHeight * lines.length;
@@ -111,7 +111,7 @@ PIXI.Text.prototype.updateText = function()
 	//set canvas text styles
 	this.context.fillStyle = this.style.fill;
 	this.context.font = this.style.font;
-	
+
 	this.context.strokeStyle = this.style.stroke;
 	this.context.lineWidth = this.style.strokeThickness;
 
@@ -121,7 +121,7 @@ PIXI.Text.prototype.updateText = function()
 	for (i = 0; i < lines.length; i++)
 	{
 		var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-	
+
 		if(this.style.align == "right")
 		{
 			linePosition.x += maxLineWidth - lineWidths[i];
@@ -141,7 +141,7 @@ PIXI.Text.prototype.updateText = function()
 			this.context.fillText(lines[i], linePosition.x, linePosition.y);
 		}
 	}
-	
+
     this.updateTexture();
 };
 
@@ -157,10 +157,10 @@ PIXI.Text.prototype.updateTexture = function()
     this.texture.baseTexture.height = this.canvas.height;
     this.texture.frame.width = this.canvas.width;
     this.texture.frame.height = this.canvas.height;
-    
+
   	this._width = this.canvas.width;
     this._height = this.canvas.height;
-	
+
     PIXI.texturesToUpdate.push(this.texture.baseTexture);
 };
 
@@ -174,10 +174,10 @@ PIXI.Text.prototype.updateTransform = function()
 {
 	if(this.dirty)
 	{
-		this.updateText();	
+		this.updateText();
 		this.dirty = false;
 	}
-	
+
 	PIXI.Sprite.prototype.updateTransform.call(this);
 };
 
@@ -189,12 +189,12 @@ PIXI.Text.prototype.updateTransform = function()
  * @param fontStyle {Object}
  * @private
  */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle) 
+PIXI.Text.prototype.determineFontHeight = function(fontStyle)
 {
 	// build a little reference dictionary so if the font style has been used return a
 	// cached version...
 	var result = PIXI.Text.heightCache[fontStyle];
-	
+
 	if(!result)
 	{
 		var body = document.getElementsByTagName("body")[0];
@@ -203,18 +203,19 @@ PIXI.Text.prototype.determineFontHeight = function(fontStyle)
 		dummy.appendChild(dummyText);
 		dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
 		body.appendChild(dummy);
-		
+
 		result = dummy.offsetHeight;
 		PIXI.Text.heightCache[fontStyle] = result;
-		
+
 		body.removeChild(dummy);
 	}
-	
+
 	return result;
 };
 
 /**
- * A Text Object will apply wordwrap
+ * Applies newlines to a string to have it optimally fit into the horizontal
+ * bounds set by the Text object's wordWrapWidth property.
  *
  * @method wordWrap
  * @param text {String}
@@ -222,48 +223,37 @@ PIXI.Text.prototype.determineFontHeight = function(fontStyle)
  */
 PIXI.Text.prototype.wordWrap = function(text)
 {
-	// search good wrap position
-	var searchWrapPos = function(ctx, text, start, end, wrapWidth)
-	{
-		var p = Math.floor((end-start) / 2) + start;
-		if(p == start) {
-			return 1;
-		}
-		
-		if(ctx.measureText(text.substring(0,p)).width <= wrapWidth)
-		{
-			if(ctx.measureText(text.substring(0,p+1)).width > wrapWidth)
-			{
-				return p;
-			}
-			else
-			{
-				return arguments.callee(ctx, text, p, end, wrapWidth);
-			}
-		}
-		else
-		{
-			return arguments.callee(ctx, text, start, p, wrapWidth);
-		}
-	};
-	 
-	var lineWrap = function(ctx, text, wrapWidth)
-	{
-		if(ctx.measureText(text).width <= wrapWidth || text.length < 1)
-		{
-			return text;
-		}
-		var pos = searchWrapPos(ctx, text, 0, text.length, wrapWidth);
-		return text.substring(0, pos) + "\n" + arguments.callee(ctx, text.substring(pos), wrapWidth);
-	};
-	
+	// Greedy wrapping algorithm that will wrap words as the line grows longer
+	// than its horizontal bounds.
 	var result = "";
 	var lines = text.split("\n");
 	for (var i = 0; i < lines.length; i++)
 	{
-		result += lineWrap(this.context, lines[i], this.style.wordWrapWidth) + "\n";
+		var spaceLeft = this.style.wordWrapWidth;
+		var words = lines[i].split(" ");
+		for (var j = 0; j < words.length; j++)
+		{
+			var wordWidth = this.context.measureText(words[j]).width;
+			var wordWidthWithSpace = wordWidth + this.context.measureText(" ").width;
+			if(wordWidthWithSpace > spaceLeft)
+			{
+				// Skip printing the newline if it's the first word of the line that is
+				// greater than the word wrap width.
+				if(j > 0)
+				{
+					result += "\n";
+				}
+				result += words[j] + " ";
+				spaceLeft = this.style.wordWrapWidth - wordWidth;
+			}
+			else
+			{
+				spaceLeft -= wordWidthWithSpace;
+				result += words[j] + " ";
+			}
+		}
+		result += "\n";
 	}
-	
 	return result;
 };
 
@@ -279,7 +269,7 @@ PIXI.Text.prototype.destroy = function(destroyTexture)
 	{
 		this.texture.destroy();
 	}
-		
+
 };
 
 PIXI.Text.heightCache = {};
diff --git a/src/pixi/textures/BaseTexture.js b/src/pixi/textures/BaseTexture.js
index 4b7e7ac..099f227 100644
--- a/src/pixi/textures/BaseTexture.js
+++ b/src/pixi/textures/BaseTexture.js
@@ -62,19 +62,19 @@ PIXI.BaseTexture = function(source)
 			this.hasLoaded = true;
 			this.width = this.source.width;
 			this.height = this.source.height;
-			
+
 			PIXI.texturesToUpdate.push(this);
 		}
 		else
 		{
-			
+
 			var scope = this;
 			this.source.onload = function(){
-				
+
 				scope.hasLoaded = true;
 				scope.width = scope.source.width;
 				scope.height = scope.source.height;
-			
+
 				// add it to somewhere...
 				PIXI.texturesToUpdate.push(scope);
 				scope.dispatchEvent( { type: 'loaded', content: scope } );
@@ -87,10 +87,11 @@ PIXI.BaseTexture = function(source)
 		this.hasLoaded = true;
 		this.width = this.source.width;
 		this.height = this.source.height;
-			
+
 		PIXI.texturesToUpdate.push(this);
 	}
 
+	this.imageUrl = null;
 	this._powerOf2 = false;
 }
 
@@ -105,12 +106,28 @@ PIXI.BaseTexture.prototype.destroy = function()
 {
 	if(this.source instanceof Image)
 	{
+		if (this.imageUrl in PIXI.BaseTextureCache) 
+			delete PIXI.BaseTextureCache[this.imageUrl];
+		this.imageUrl = null;
 		this.source.src = null;
 	}
 	this.source = null;
 	PIXI.texturesToDestroy.push(this);
 }
 
+/**
+ * 
+ *
+ * @method destroy
+ */
+
+PIXI.BaseTexture.prototype.updateSourceImage = function(newSrc)
+{
+	this.hasLoaded = false;
+	this.source.src = null;
+	this.source.src = newSrc;
+}
+
 /**
  * Helper function that returns a base texture based on an image url
  * If the image is not in the base texture cache it will be  created and loaded
@@ -127,13 +144,14 @@ PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
 	{
 		// new Image() breaks tex loading in some versions of Chrome.
 		// See https://code.google.com/p/chromium/issues/detail?id=238071
-		var image = new Image();//document.createElement('img'); 
+		var image = new Image();//document.createElement('img');
 		if (crossorigin)
 		{
 			image.crossOrigin = '';
 		}
 		image.src = imageUrl;
 		baseTexture = new PIXI.BaseTexture(image);
+		baseTexture.imageUrl = imageUrl;
 		PIXI.BaseTextureCache[imageUrl] = baseTexture;
 	}
 
diff --git a/src/pixi/textures/RenderTexture.js b/src/pixi/textures/RenderTexture.js
index b4e7075..ec35c18 100644
--- a/src/pixi/textures/RenderTexture.js
+++ b/src/pixi/textures/RenderTexture.js
@@ -91,20 +91,10 @@ PIXI.RenderTexture.prototype.initWebGL = function()
 	gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
 
 	// create a projection matrix..
-	this.projection = new PIXI.Point(this.width/2 , this.height/2);
-/*
-	this.projectionMatrix =  PIXI.mat4.create();
+	this.projection = new PIXI.Point(this.width/2 , -this.height/2);
 
-	this.projectionMatrix[5] = 2/this.height// * 0.5;
-	this.projectionMatrix[13] = -1;
-
-	this.projectionMatrix[0] = 2/this.width;
-	this.projectionMatrix[12] = -1;
-*/
 	// set the correct render function..
 	this.render = this.renderWebGL;
-
-	
 }
 
 
@@ -114,14 +104,10 @@ PIXI.RenderTexture.prototype.resize = function(width, height)
 	this.width = width;
 	this.height = height;
 	
-	//this.frame.width = this.width
-	//this.frame.height = this.height;
-		
-	
 	if(PIXI.gl)
 	{
 		this.projection.x = this.width/2
-		this.projection.y = this.height/2;
+		this.projection.y = -this.height/2;
 	
 		var gl = PIXI.gl;
 		gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
@@ -181,20 +167,21 @@ PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, cle
 	var children = displayObject.children;
 
 	//TODO -? create a new one??? dont think so!
+	var originalWorldTransform = displayObject.worldTransform;
 	displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
 	// modify to flip...
 	displayObject.worldTransform[4] = -1;
-	displayObject.worldTransform[5] = this.projection.y * 2;
+	displayObject.worldTransform[5] = this.projection.y * -2;
 
-	
 	if(position)
 	{
 		displayObject.worldTransform[2] = position.x;
 		displayObject.worldTransform[5] -= position.y;
 	}
 	
-
-
+	PIXI.visibleCount++;
+	displayObject.vcount = PIXI.visibleCount;
+	
 	for(var i=0,j=children.length; i<j; i++)
 	{
 		children[i].updateTransform();	
@@ -206,19 +193,21 @@ PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, cle
 	{
 		if(displayObject == renderGroup.root)
 		{
-			renderGroup.render(this.projection);
+			renderGroup.render(this.projection, this.glFramebuffer);
 		}
 		else
 		{
-			renderGroup.renderSpecific(displayObject, this.projection);
+			renderGroup.renderSpecific(displayObject, this.projection, this.glFramebuffer);
 		}
 	}
 	else
 	{
 		if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
 		this.renderGroup.setRenderable(displayObject);
-		this.renderGroup.render(this.projection);
+		this.renderGroup.render(this.projection, this.glFramebuffer);
 	}
+	
+	displayObject.worldTransform = originalWorldTransform;
 }
 
 
@@ -257,4 +246,3 @@ PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, position, cl
 
   //  PIXI.texturesToUpdate.push(this.baseTexture);
 }
-
diff --git a/src/pixi/textures/Texture.js b/src/pixi/textures/Texture.js
index 419c7b2..11d82a0 100644
--- a/src/pixi/textures/Texture.js
+++ b/src/pixi/textures/Texture.js
@@ -13,7 +13,7 @@ PIXI.FrameCache = {};
  * @uses EventTarget
  * @constructor
  * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frmae {Rectangle} The rectangle frame of the texture to show
+ * @param frame {Rectangle} The rectangle frame of the texture to show
  */
 PIXI.Texture = function(baseTexture, frame)
 {
@@ -58,7 +58,7 @@ PIXI.Texture = function(baseTexture, frame)
 	{
 		if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
 		//console.log(frame)
-		
+
 		this.setFrame(frame);
 	}
 	else
@@ -137,13 +137,13 @@ PIXI.Texture.prototype.setFrame = function(frame)
 PIXI.Texture.fromImage = function(imageUrl, crossorigin)
 {
 	var texture = PIXI.TextureCache[imageUrl];
-	
+
 	if(!texture)
 	{
 		texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
 		PIXI.TextureCache[imageUrl] = texture;
 	}
-	
+
 	return texture;
 }
 
@@ -193,7 +193,7 @@ PIXI.Texture.addTextureToCache = function(texture, id)
 }
 
 /**
- * Remove a texture from the textureCache. 
+ * Remove a texture from the textureCache.
  *
  * @static
  * @method removeTextureFromCache
diff --git a/src/pixi/utils/Detector.js b/src/pixi/utils/Detector.js
index 6c8ffcd..250f609 100644
--- a/src/pixi/utils/Detector.js
+++ b/src/pixi/utils/Detector.js
@@ -13,19 +13,28 @@
  * @param height {Number} the height of the renderers view
  * @param view {Canvas} the canvas to use as a view, optional
  * @param transparent=false {Boolean} the transparency of the render view, default false
+ * @param antialias=false {Boolean} sets antialias (only applicable in webGL chrome at the moment)
+ *
+ * antialias
  */
-PIXI.autoDetectRenderer = function(width, height, view, transparent)
+PIXI.autoDetectRenderer = function(width, height, view, transparent, antialias)
 {
 	if(!width)width = 800;
 	if(!height)height = 600;
 
 	// BORROWED from Mr Doob (mrdoob.com)
-	var webgl = ( function () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch( e ) { return false; } } )();
+	var webgl = ( function () { try { var canvas = document.createElement( 'canvas' ); return !! window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ); } catch( e ) { return false; } } )();
 
+	if(webgl)
+	{
+		var ie =  (navigator.userAgent.toLowerCase().indexOf('trident') != -1);
+		 webgl = !ie;
+	}
+	
 	//console.log(webgl);
 	if( webgl )
 	{
-		return new PIXI.WebGLRenderer(width, height, view, transparent);
+		return new PIXI.WebGLRenderer(width, height, view, transparent, antialias);
 	}
 
 	return	new PIXI.CanvasRenderer(width, height, view, transparent);
diff --git a/src/pixi/utils/EventTarget.js b/src/pixi/utils/EventTarget.js
index 8dc54a5..3ee5fc2 100644
--- a/src/pixi/utils/EventTarget.js
+++ b/src/pixi/utils/EventTarget.js
@@ -18,14 +18,14 @@
 PIXI.EventTarget = function () {
 
 	var listeners = {};
-	
+
 	this.addEventListener = this.on = function ( type, listener ) {
-		
-		
+
+
 		if ( listeners[ type ] === undefined ) {
 
 			listeners[ type ] = [];
-			
+
 		}
 
 		if ( listeners[ type ].indexOf( listener ) === - 1 ) {
@@ -36,11 +36,17 @@ PIXI.EventTarget = function () {
 	};
 
 	this.dispatchEvent = this.emit = function ( event ) {
-		
-		for ( var listener in listeners[ event.type ] ) {
 
-			listeners[ event.type ][ listener ]( event );
-			
+		if ( !listeners[ event.type ] || !listeners[ event.type ].length ) {
+
+			return;
+
+		}
+
+		for(var i = 0, l = listeners[ event.type ].length; i < l; i++) {
+
+			listeners[ event.type ][ i ]( event );
+
 		}
 
 	};
@@ -57,4 +63,9 @@ PIXI.EventTarget = function () {
 
 	};
 
+	this.removeAllEventListeners = function( type ) {
+		var a = listeners[type];
+		if (a)
+			a.length = 0;
+	};
 };
diff --git a/src/pixi/utils/Polyk.js b/src/pixi/utils/Polyk.js
index 84d290f..e29d77d 100644
--- a/src/pixi/utils/Polyk.js
+++ b/src/pixi/utils/Polyk.js
@@ -2,7 +2,7 @@
 	PolyK library
 	url: http://polyk.ivank.net
 	Released under MIT licence.
-	
+
 	Copyright (c) 2012 Ivan Kuckir
 
 	Permission is hereby granted, free of charge, to any person
@@ -26,8 +26,8 @@
 	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 	OTHER DEALINGS IN THE SOFTWARE.
 
-	This is an amazing lib! 
-	
+	This is an amazing lib!
+
 	slightly modified by mat groves (matgroves.com);
 */
 
@@ -43,13 +43,13 @@ PIXI.PolyK = {};
 PIXI.PolyK.Triangulate = function(p)
 {
 	var sign = true;
-	
+
 	var n = p.length>>1;
 	if(n<3) return [];
 	var tgs = [];
 	var avl = [];
 	for(var i=0; i<n; i++) avl.push(i);
-	
+
 	var i = 0;
 	var al = n;
 	while(al > 3)
@@ -57,11 +57,11 @@ PIXI.PolyK.Triangulate = function(p)
 		var i0 = avl[(i+0)%al];
 		var i1 = avl[(i+1)%al];
 		var i2 = avl[(i+2)%al];
-		
+
 		var ax = p[2*i0],  ay = p[2*i0+1];
 		var bx = p[2*i1],  by = p[2*i1+1];
 		var cx = p[2*i2],  cy = p[2*i2+1];
-		
+
 		var earFound = false;
 		if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
 		{
@@ -80,7 +80,7 @@ PIXI.PolyK.Triangulate = function(p)
 			al--;
 			i = 0;
 		}
-		else if(i++ > 3*al) 
+		else if(i++ > 3*al)
 		{
 			// need to flip flip reverse it!
 			// reset!
@@ -89,17 +89,17 @@ PIXI.PolyK.Triangulate = function(p)
 				var tgs = [];
 				avl = [];
 				for(var i=0; i<n; i++) avl.push(i);
-				
+
 				i = 0;
 				al = n;
-				
+
 				sign = false;
 			}
 			else
 			{
 				console.log("PIXI Warning: shape too complex to fill")
 				return [];
-			}				
+			}
 		}
 	}
 	tgs.push(avl[0], avl[1], avl[2]);
@@ -121,13 +121,13 @@ PIXI.PolyK._PointInTriangle = function(px, py, ax, ay, bx, by, cx, cy)
 	var v1y = by-ay;
 	var v2x = px-ax;
 	var v2y = py-ay;
-	
+
 	var dot00 = v0x*v0x+v0y*v0y;
 	var dot01 = v0x*v1x+v0y*v1y;
 	var dot02 = v0x*v2x+v0y*v2y;
 	var dot11 = v1x*v1x+v1y*v1y;
 	var dot12 = v1x*v2x+v1y*v2y;
-	
+
 	var invDenom = 1 / (dot00 * dot11 - dot01 * dot01);
 	var u = (dot11 * dot02 - dot01 * dot12) * invDenom;
 	var v = (dot00 * dot12 - dot01 * dot02) * invDenom;
diff --git a/src/pixi/utils/Utils.js b/src/pixi/utils/Utils.js
index 6372c8a..71d7a65 100644
--- a/src/pixi/utils/Utils.js
+++ b/src/pixi/utils/Utils.js
@@ -19,7 +19,7 @@ var lastTime = 0;
 var vendors = ['ms', 'moz', 'webkit', 'o'];
 for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
     window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
-    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
+    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
                                || window[vendors[x]+'CancelRequestAnimationFrame'];
 }
 
@@ -27,7 +27,7 @@ if (!window.requestAnimationFrame)
     window.requestAnimationFrame = function(callback, element) {
         var currTime = new Date().getTime();
         var timeToCall = Math.max(0, 16 - (currTime - lastTime));
-        var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
+        var id = window.setTimeout(function() { callback(currTime + timeToCall); },
           timeToCall);
         lastTime = currTime + timeToCall;
         return id;
@@ -60,19 +60,19 @@ if (typeof Function.prototype.bind != 'function') {
     var slice = Array.prototype.slice;
     return function (thisArg) {
       var target = this, boundArgs = slice.call(arguments, 1);
- 
+
       if (typeof target != 'function') throw new TypeError();
- 
+
       function bound() {
 	var args = boundArgs.concat(slice.call(arguments));
 	target.apply(this instanceof bound ? this : thisArg, args);
       }
- 
+
       bound.prototype = (function F(proto) {
           proto && (F.prototype = proto);
-          if (!(this instanceof F)) return new F;          
+          if (!(this instanceof F)) return new F;
 	})(target.prototype);
- 
+
       return bound;
     };
   })();
@@ -86,8 +86,8 @@ if (typeof Function.prototype.bind != 'function') {
  */
 var AjaxRequest = PIXI.AjaxRequest = function()
 {
-	var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
-	
+	var activexmodes = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
+
 	if (window.ActiveXObject)
 	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
 		for (var i=0; i<activexmodes.length; i++)
@@ -120,21 +120,20 @@ PIXI.runList = function(item)
 	var safe = 0;
 	var tmp = item.first;
 	console.log(tmp);
-	
+
 	while(tmp._iNext)
 	{
 		safe++;
-//		console.log(tmp.childIndex + tmp);
 		tmp = tmp._iNext;
-		console.log(tmp);//.childIndex);
+		console.log(tmp);
 	//	console.log(tmp);
-	
+
 		if(safe > 100)
 		{
 			console.log("BREAK")
 			break
 		}
-	}	
+	}
 }